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

過去の講義で, 皆さんの先輩方が犯した間違いをリストアップしました.

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

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

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

html の内容は, Firefox では, アドレスーバーの右端のアイコンを クリックして「その他のツール→ページのソース」 とたどるか, 画面を右クリックして「ページのソースを表示」 で読む事ができます. 過去の受講生の Web ページを見て目についた間違いを書いておきます.

• <meta> 要素の文字コードの指定部分を間違う (UTF-8 は HTML5 での標準文字コードです).
  • charset を charest や charaset と間違う.
  • UTF-8 を UFT-8 と間違う.
• <meta> 要素の文字コードの指定と実際の文字コードが異なる. なぜこれが起こるかは不明(授業でやったようにすれば起こらないはず). これを解消するには, Gedit でファイルメニューから「別名で保存」を選択し, エンコーディングを「現在のロケール(UTF-8)」に変更して, 名前を変えずに保存.
• "(ダブルクォート)が抜けていたり, 場所が間違っている.
• 閉じタグを忘れる.
  <h1> の閉じタグ </h1>を忘れると, <h1>の意味が 文章全体に及ぶので, グラフィカルなブラウザだと, 全体の文字が大きくなったり, 太文字になったりする.
• リスト環境(箇条書き環境)の使い方 　
  • リスト環境でないのに <li>タグを使う.
    <li> タグは, 箇条書き環境での list item の意味. これがあると改行が起こるという理由で使うものではありません.
  • リスト環境なのに <li>, </li>タグが無い.
• 表(table)内で, <th> と<td>の使い分けができていない.
  <th> は表の見出し欄で, <td> は表のデータ欄です. これも, 文字が太くなるからという理由で使っては行けません. 文字を太くしたりするのは, スタイルシートで指定します.
• & を全角文字にする. あるいは, & の実体参照を知らない
  Asciiコードにある文字の全角版は使わない. & の実体参照は調べて下さい.
• いわゆる「全角の空白を入れる」. Gedit では見えないので困るのですが, このせいで表示が乱れます. 全角の空白(やアルファベット, 数字, 記号)を用いずに文書を作る くせをつけておいてください.

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

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

Bash-4.4$ export LANG=C
Bash-4.4$ firefox