整形式の HTML -- 2

対のない終了タグを消し、要素の重複は避ける

ページを編集する際に、 いらない開始タグを取り除いて、 それと一致する終了タグを消し忘れるのはめずらしいことではない。 HTML では、＜/STRONG＞や＜/TD＞のようなタグは、 相当する開始タグがなくても問題となることはない。 しかし、ファイルが必要以上に長くなり、 文書のダウンロードにも時間がよけいにかかるし、 HTML ソースを読んだり編集する人（あるいはツール）を混乱させる可能性がある。 よって、終了タグには全て対になる開始タグがあることを確認すべきだ。

しかし、開始タグのない終了タグの存在は、 要素が不正に重複していることを意味する。 Web ページ上で重複している要素のほとんどは簡単に修正することができる。 例えば、1998年11月4日付のホワイトハウスのホームページ (http://www.whitehouse.gov/) で発見された、よくある間違いを見てみよう。

b 要素は font 要素の中で始まっので、 font要素の中で終わらなければいけない。 終了タグをこのように移動させればよい。

もしくは、開始タグを移動させてもよい。

時にはもっと厄介な問題もある。 例えば、同じページのさらに大きなフラグメントを見てみよう。

上記文書では、 ＜FONT size=+1＞要素が、 初めの＜TD valign=TOP width=85＞要素の中で始まり、 ＜TD valign=TOP width=225＞要素まで続き、そこで終了している。 この場合、正しくは下記のように、＜FONT＞要素を＜/TD＞終了タグの前で閉じ、 それから、新たに別の＜FONT size=+1＞開始タグを、 2番目の＜TD＞要素開始後に入れるべきである。

属性に引用符を

HTML 属性は空白が埋め込まれている場合のみ、 引用符をつける必要がある。 しかし、そうでない場合に引用符がついていても問題にはならない。 むしろあったほうが、 将来空白を含む属性値に変更しようとした場合など、立つかもしれない。 引用符の追加は非常に忘れやすいからだ。 とくに Web ブラウザで文書を見た場合、 ＜IMG＞要素の ALT 属性のような目立たない場合は特に忘れやすい。 例えば、この＜IMG＞タグを見てみよう。

これは、次のように書きかえられるべきだ。

先のホワイトハウスホームページのフラグメントにも、 引用符をつけなくてはならない属性がたくさんあった。 引用符を修正すると、次のようになる。

続く

• iPhone 向け睡眠支援アプリ、単純作業で眠気を促す 19:00
• サンワサプライ、クリック/ホイール音の少ない"静音"マウス発売 08:00
• 「SnapDish」の料理写真を直接「goo ブログ」に投稿、両サービスが連携 07:00
• アート性が高い Instagram の写真を販売・購入できる「HASHPIX」 06:00
• チョキチョキ切って気分爽快！iPhone/iPad 向けゲームアプリ「Cut the Buttons」日本語版リリース 5/26
>>その他の新着ニュース・コラム

• アジアパシフィックにおけるソーシャルメディア・トレンド〜グローバルな視点、ローカル市場での現実〜 (ネットレイティングス株式会社)
• 【プレジデント・gooリサーチ共同】時間の使い方に関するアンケート (NTTレゾナント株式会社)
• 情報共有と業務効率化を実現するためのお手軽グループウェア (リスモン・ビジネス・ポータル株式会社)
• Yahoo!検索プラグイン開発マニュアル (Yahoo! JAPAN)
• 「暗号の2010年問題」対応ガイド〜サーバ管理者のためのチェックリスト10項目〜 (日本ベリサイン株式会社)