作成した Web page で多く見られる誤り

html の間違いではないですが, オリジナルページには, index.html から リンクを張って下さい. 私は, 皆さんのオリジナルページが どこにあるのかは, リンクが無いとわかりません.

html の内容は, Firefox では, メニューバーの「ツール → Web 開発 → ページのソース」で読む事ができます. 皆さんの Web ページを見て目についた間違いを書いておきます.

• <meta> 要素の文字コードの指定部分において
  • charset を charest や charaset と間違う.
  • UTF-8 を UFT-8 と間違う.
  • "(ダブルクォート)の位置が間違っている.
• <meta> 要素の文字コードの指定と実際の文字コードが異なる.
  なぜこのようなことが起こるかは, 不明(授業でやったようにすれば起こらないはず).
• 閉じタグを忘れる.
  <h1> の閉じタグ </h1>を忘れると, <h1>の意味が 文章全体に及ぶので, グラフィカルなブラウザだと, 全体の文字が大きくなったり, 太文字になったりする.
• リスト環境(箇条書き環境)でないのに <li>タグを使う.
  <li> タグは, 箇条書き環境での list item の意味です. これがあると改行してくれるからという理由で使うものではありません.
• 表(table)内で, <th> と<td>の使い分けができていない.
  <th> は表の見出し欄で, <td> は表のデータ欄です. これも, 文字が太くなるからという理由で使っては行けません. 文字を太くしたりするのは, スタイルシートで指定します.
• & を全角文字にする. あるいは, & の実体参照を知らない
  Asciiコードにある文字の全角版は使わない. & の実体参照は調べて下さい.

細かいことのように見えますが,「物事を正確に把握する」ということは, 身につけておいて損はありません(コンピュータの勉強に限らず, 数学の勉強や実生活においても).

文字コード指定の間違いは, Firefox を英語環境で起動すると 間違った文字コード指定は文字化けするので, すぐにわかります. firefox を英語環境で起動するには, Gnome端末エミュレータを 開いて, 下のようにタイプします(行の最後には Enter キーを押す).

[e1231xx@vmlinux ~]$ setenv LANG C
[e1231xx@vmlinux ~]$ firefox