Mozilla の DOM は HTML4.0 CSS2 をはじめ多くの標準化された仕様に依存しています。

そこで今回はいきなり Mozilla の DOM の内容に移る前に、 その前提となっている W3C 関連の仕様に関する話題を簡単に採り上げることにします。

DOM の目的は HTML・XML などで記述されたドキュメントをプログラムから 参照、操作するために設けられたものです。 従って DOMを理解するためには、まず HTMLや CSS など DOM を定義する対象について 理解しておく必要があります。

とは言っても HTML や CSS の仕様を解説したのでは この連載の目的から外れますので、 HTML そのものの仕様は W3C のドキュメントを参照してもらうとして(笑)、 DOM と HTML の関係を見てみましょう。

まず最初に DOM と HTML は互いに1：1の関係でなければなりません。 そこ には矛盾や曖昧さは存在しません。 例えば HTML 上で閉じタグを忘れた場合、HTML のドキュメント構造は曖昧になりますが、 ブラウザはこの曖昧さを評価します。 NN ならエラーとして廃棄し、 IE なら評価の過程で失われたタグを補完(*1)します。

次に HTML4.0 の仕様の特徴は、 これに加えてタグをブロックレベル要素と インライン要素に分けていることでしょう。 DOM にとって、この２つの要素の分離は比較的重要な役割を果たしています。

例えば、次の HTML を考えてみます。

Pタグはブロックレベル要素で STRONGタグはインライン要素であり(*2)、 このような表示になることもあるでしょう。

つまり、ブロックレベル要素は基本的に内部を包含する矩形領域になり、 インライン要素は必ず矩形領域になるとは限らないという特徴があります。

また、HTML4.0 と親密な関係にある CSS に関しても同様に ボックスモデルについての書式モデル( visual formatting model )で ブロック および インライン の２種類のボックスに分けて考えられています。

そこで、各要素に ブロックボックスに特徴的な margin, padding などを 指定すると、なかなか面白い結果が得られます。

NN4 や IE4 が HTML4 の仕様より先に開発されていたことを考えると、これら はバグとは考えずに margin, padding のような 矩形領域 の内容に付随する 要素がタグに従属するかスタイルに従属するかの解釈の違いという見方 もできます。

現在の HTML4.01, CSS2 の仕様は出力媒体としてブラウザのみを対象として いないためか、 表示書式について 充分に厳密な定義をしているわけではない ようです( 仕様書中には UA - User Agent - 依存と記述されている )。 (*4)

つまり HTMLや CSS が統一されたとしてもこのような部分は残ります。 それはひょっとすると 解釈や実装の違い によりブラウザ毎に見栄えの変わる 要因になるかもしれません。

特にクロスブラウザとしてブラウザを問わないページを作成しようとした場合 表示の同一性を重視するなら、これらの曖昧さをも回避する方が無難かもしれません。