メールマガジン「初心者のためのホームページ作り」でお伝えした内容を、「復習」の意味で掲載しています。テキストのみのマガジンと違って、実際のサンプルや画像を交えて解説していますので、理解が深まると思います。なお、疑問点や分からない点がありましたら、遠慮なく メールにてご質問ください。

プレーンテキスト版バックナンバー

今週＜第41号＞マガジンのおさらい

　　　　　　　　　　　　　　　　　  毎週金曜日配信　What's New 2003/2/28
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
　今週の課題 ■ XHTML講座　第６回 概念XHTML1.1モジュール定義

◆ XHTML1.1モジュールとは

W3Cは、XHTMLのユニバーサル化を策定し、XHTML1.1の勧告するわずか１ヶ月前に、XHTMLMODを勧告し、XHTMLの全要素をモジュール化しました。このモジュールは DTDの書式で細かく定義されており、XHTML作成者は、必要なモジュールだけを抽出して独自タグセットを作ることが可能になりました。

各モジュールの定義と簡単なサンプルを用いて解説します。

■ 中核モジュール

文書の構造を示すモジュールで、必須の項目です。html要素はルート要素と呼ばれ、すべての要素の頂点に位置し、この要素で囲まれたものを XHTML文書と呼びます。

abbr、acronym要素などは、一般的にツールチップが表示される場合があります。code、kbd、pre、samp要素では、一般的に固定ピッチフォントで表示されます。div、span要素は、汎用的に用いられるもので、多くはスタイルシートで見栄えを設定する場合に用いられるケースが多いようです。

なお、p、pre、h1〜h6要素の中には、他のブロックレベル要素は配置することができません。

テキストのサンプル

XMLにはない機能で、他の文書の参照に利用します。なお、a要素の name属性は廃止されておりますので、変わりに id属性を利用します。

dd、li要素とも、ブロックレベル要素を配置して利用することが可能です。ol、ul要素ともに配置できるのは、li要素のみとなりますので、気をつけてください。　リストのサンプル

■ テキスト拡張モジュール

このモジュールは、単純なプレゼンテーション関係のマークアップのための要素、属性、最小内容モデルを定義しています。b、big、i、small、ttなどはユーザ環境に依存する物理タグと呼ばれるもので、できるだけ使用しないようにお勧めします。これらの要素が XHTMLにも継承されているとは、少々驚きです。物理タグのためサンプルはありません。

この２つの要素は、インラインレベルとブロックレベルの性格を持ち、必要に応じて利用することができる一風変わったタグです。それぞれ、後で編集する場合に用いられるものです。

このモジュールは、要素の内容に双方向規則を宣言できる要素を定義します。つまり、文字の方向がが左から右へ、あるいは右から左へのどちらかを定義するもので、アラビア語やヘブライ語などに適した文字方向を指定できる要素が組み込まれています。

フォームと各コントロールの設定をまとめたモジュールで、XHTML Basicでは、グループ化などの要素が使えません。また、フォームには最低限１つ以上のコントロールを含まなくてはいけません。

基本的にフォームはブロックレベル要素ですが、form要素直下には、段落要素などのブロックレベル要素を配置しなくてはいけません。　フォームのサンプル

表を構成するモジュールです。XHTML Basicでは、テーブルを入れ子にすることができません。tbodyは、設定がない場合にはブラウザ側で自動的に補完されることがあります。なお、このページの表では、table、tr、td、colgroup、col、thead、tbody などの要素を使用しています。

テーブルをレイアウトに使うなと、W3Cは言っていますが、私の場合は無視しています。W3Cでも、トップページにテーブルでレイアウトを構成しています。ずいぶんだよなぁ・・ 　テーブルのサンプル

一般的に GIF、JPEG、PNG形式などの静止画像を表示するために用いられるモジュールで、クライアント・サーバ・サイドもサポートしています。今後は、object要素に集約される可能性があります。

XHTML1.1では、img要素の usemap属性にハッシュマーク ( # ) が使えないため、基本的にイメージマップを実現することは不可能です。XHTML1.1における usemap属性の値は IDREF のために、英文字しか使うことができません。この点の改良を望みたいものです。

クライアント・サイド。イメージマップは、ブラウザ側で実行するイメージマップですが、サーバ・サイドは Webサーバ上で実行させるために、主に CGIを利用することが一般的です。これも XHTML1.1では実現不可能となっています。

動画、アニメーション、ビデオ映像などを扱うモジュールです。将来的には静止画もこのモジュールに取り込まれていくといわれています。ただし、残念ながらブラウザ側でのサポートが遅れており、実現までにはまだ時間がかかりそうです。

このモジュールは、HTTPサーバ、ユーザエージェントなどに文書が持つ各種情報を伝え、文書が正確に表示できるようにするための手続きを行います。多くは MIMEタイプが用いられ、ブラウザに情報を提供するといわれています。また、検索サーチに対応するための記述がありますが、最近ではあまり検索されることがなくなりました。

スクリプトがなくても単独で動作するイベントハンドラを集めたモジュールです。もちろん、スクリプトと連動させることも可能です。

スタイルシート同様、内容が #PCDATAのため、直接文書に埋め込むことができません。CDセクションを設けるか、外部スクリプトを用意しなくてはなりません。CDセクションに対応したブラウザが少ないので、外部スクリプトが最も推奨される方法です。

このモジュールは、外部文書へのリンクを定義するために用いる要素を定義します。これらのリソースは、ブラウザが、XHTML文書を処理する能力を向上させるために、度々用いられています。

レガシー、ターゲット、アプレット、フレームなどのモジュールは、XHTML1.1では利用することができないため、掲載を割愛しました。あしからず。

なお、各要素タイプの詳細は、XHTML1.1リファレンス を参照してください。