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

html の間違いではないですが,

オリジナルページには, index.html から リンクを張って下さい.

私は, 皆さんのオリジナルページが どこにあるのかは, リンクが無い限りわかりません.

html の内容は, Firefox では, アドレスーバーの右端のアイコンを クリックして「Developer(開発ツール)→Page Source(ページのソース)」 とたどるか, 画面を右クリックして「View Page Source(ページのソースを表示)」 で読む事ができます. 皆さんの 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 キーを押す).

[e1531xx@vm-linux ~] setenv LANG C
[e1531xx@vm-linux ~] firefox