Web標準の基礎と実践---目次

2007.03.30

第1回なぜWeb標準が「ホット」なのか

　Web業界では「Web標準（Web Standards）」を意識した正しい(X)HTML+CSSに基づくサイト制作が当たり前になってきている。Webのポテンシャルを最大限に活かすためのWeb標準について、基礎知識だけでなくトレンド的な観点を交えながら、「なぜWeb標準が普及してきているのか」を考えてみよう。

第2回 Web標準と新たなマークアップ言語「XHTML」

　Web標準ベースのサイト制作では、「XHTML」という新たなマークアップ言語を採用するのが一般的である。なぜHTMLではなくXHTMLを採用するのか、XHTMLのなかでどのバージョンを採用すればよいかを考えてみよう。

第3回 XHTML+CSSの役割分担

　XHTMLはWebページの「構造」（文書構造）を、CSSは「見栄え」（視覚表現）を指定するものである。旧来はHTMLで両方を指定することが多かったが、Web標準ベースの制作では両者の役割分担をはっきりと意識し、分離を図る必要がある。

第4回 HTMLからXHTMLへの移行方法（1）

　HTMLからXHTMLにスムーズに移行するには、「書式の違い」をきちんと押さえておくことが不可欠。今回は「XML宣言」「文書型宣言」「XML名前空間と言語コード」「MIMEタイプ」「style要素とscript要素」について見ていこう。

第5回 HTMLからXHTMLへの移行方法（2）

　HTMLとXHTMLの「書式の違い」の続きとして、「要素名と属性名は必ず小文字で」「属性値は必ず引用符で囲む」「空要素の書式」「タグは省略できない」「タグは整形式（well-formed）で」「属性は略記できない」「name属性とid属性」「空白文字の取り扱い」「その他の違い」について見ていこう。

第6回 XHTML+CSSかどうかを確認する方法

　そのサイトがXHTML+CSSかどうかは、日常使っているブラウザで簡単に確認できる。ブラウザ別の確認方法を見たあと、Windows版 Internet Explorer 6でも簡単にCSSをカットするための便利ツールを紹介しよう。

第7回ページ構造を確認する方法

　XHTML+CSSでは、ページ構造を意識して制作することが大切。Firefoxの拡張ツール「Web Developer Toolbar」を利用して、テーブルレイアウトの構造、フルCSSのページ構造、見出し構造、非推奨要素を確認する方法を説明しよう。

第8回非推奨要素の代替方法（1）
第9回非推奨要素の代替方法（2）

　XHTML 1.0 StrictやXHTML 1.1ではいくつかの要素・属性が廃止されている。これらは「非推奨要素・属性」と呼ばれ、主に視覚表現に関するものであるため、シンプル＆クリーンなXHTMLのためには使わないほうがよい。

第10回非推奨属性の代替方法（1）
第11回非推奨属性の代替方法（2）
第12回非推奨属性の代替方法（3）

第13回その他、使わないほうがよい要素・属性（1）
第14回その他、使わないほうがよい要素・属性（2）

　XHTML 1.0 TransitionalとFramesetはもとより、XHTML 1.0 StrictとXHTML 1.1でも、実は見栄えに関する要素・属性がいくつか残されている。これらは非推奨要素・属性と異なり、文書型定義で正式に認められているものの、見栄えに要素・属性であることに変わりはない（いわばグレーゾーンに属する要素・属性である）。