BlogでHTML日進月歩

HTML及びCSSの理解を深め、Webサイト作成初級者からの脱却を目指します。

エントリー記事

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

このページの一番上へ

W3C標準に準拠

W3C標準(*1)に準拠したWebサイトを簡単に説明すると、文書を適切にマーク付けし、見た目の指定をHTMLファイルから分離したものと言えます。もう少し具体的に言えば、HTML4.01またはXHTML1.0(*2)の仕様に準拠し、スタイルシートやJavaScript等文書とは関係のない部分を外部ファイル化したものです。

W3C標準に準拠することによるメリットを次に挙げてみます。

あらゆる環境からのアクセスが可能

W3Cの仕様に準拠した記述を行うことで、あらゆる環境からのアクセスが可能になります。広く普及しているInternet Explorerは文法的に寛容なため、仕様に準拠していないWebサイトもほとんど問題なく表示されますが、利用環境によってはWebサイトの閲覧に支障をきたす場合があります。

W3Cの仕様の詳細は、次に紹介するWebサイトを参照ください(*3)

HTML 4.01 仕様書邦訳
W3Cにより策定されたHTML4.01の仕様書を、原本に忠実に日本語訳しています。翻訳の正確性は保証されていませんが、参考資料としての価値は充分です。
XHTML 1.0 仕様書翻訳
W3Cにより策定されたXHTML1.0の仕様書を、原本に忠実に日本語訳しています。翻訳の正確性は保証されていませんが、参考資料としての価値は充分です。
NEXTindex
数あるHTML及びCSSの解説サイトの中でも秀逸なサイトです。W3Cの仕様書に忠実な解説もさることながら「スピードラーニング」のページは初心者向けにわかりやすく、HTML4やXHTMLについても仕様書に忠実に解説しています。
the W3C Markup Validation Service
HTMLやCSSの仕様書を策定しているW3Cが提供するHTML文法チェッカーです(*4)。文書が宣言している文書型に適合しているかどうかを検証することができます。
Another HTML-lint
HTML文法チェッカーとして利用できるだけでなく、文書型で定義されていない事柄もチェックしてくれる高機能なチェッカーです。結果は100点を満点とした減点法で採点されます。
W3C CSS 検証サービス
HTMLやCSSの仕様書を策定しているW3Cが提供するCSS文法チェッカーの日本語訳版です。スタイルシートが仕様に適合しているかどうかを検証することができます。
情報をわかりやすく伝えられる

見出し強調等適切なマーク付けを行うことにより、スタイルシートが無効な環境や音声ブラウザにおいても文書構造を伝えることができます。

文書ファイルの軽量化

見た目を外部ファイルで定義して文書ファイルから分離することにより、ページが軽くなり読み込みが早くなります。とりわけ携帯電話環境においてはパケット代の軽減につながり、訪問者に無駄な出費をさせずに済みます。

検索エンジン最適化(SEO)

物理的にフォントの大きさや色を変えても、検索エンジンは語句の重要度を認識できません。見出し強調等の要素で適切にマーク付けを行うことにより、重要な語句を検索エンジンにも認識させることができます(*5)

また、CSS及びJavaScriptの記述は検索エンジンにとって意味を為さず、テキストの価値を相対的に下げてしまいます。不要な部分を外部ファイル化することによりテキストの価値を相対的に上げ、検索で上位にランクされる可能性を高めることができます。

管理者の負担軽減

CSS及びJavaScriptをHTMLに直接記述している場合、修正を行う際に全てのファイルを書き換える必要があります。同一の外部ファイルを参照することにより、1つのファイルを修正するだけで全てのページを変更することが可能となり、管理更新の負担を軽減することができます。

W3C標準に準拠することは、訪問者への配慮に留まらず管理者にも有益です。日本ではW3C標準への取り組みは遅れている感が否めませんが、アメリカにおいては官公庁や企業サイトを中心に取り組みが進んでいるようです。

(*1)
「Web標準」「Webスタンダード」とも呼ばれます。
(*2)
XHTML1.1は、IE6が対応していないという致命的な欠点を抱えているため、ここでは除いております。
(*3)
当ブログの情報もW3Cの仕様を元にしておりますが、取り扱っている話題はほんの一部でしかありません。また、初級者向けにわかりやすく解説するため、文書の正確性を犠牲にしている部分が存在します。
(*4)
中身は英語です。日本語訳版はありません。
(*5)
検索順位を上げる目的で不必要なマーク付けを行うと検索スパム行為とみなされ、最悪の場合検索の対象外となってしまいます。
スポンサーサイト

このページの一番上へ

連絡先、広告

copyright © 2005-2006 セロリ
Powered by FC2ブログ.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。