マークアップ言語の呼び名を整理する

in

html/xmlなどのドキュメントを扱う際の呼び名がどうにもスッキリしません。その用語が何を指すのかはっきりしないことには理解もままなりませんので纏めてみました。DOMもCSSも基本的には以下の呼び方で大丈夫だと思いますが、このテの用語は日本語になりにくいところもあって参考書によっては英語で記述されたりして注意が必要です。

名前 指すもの
要素 <p class='class_name'>paragraph</p>
要素内容 <p class='class_name'>paragraph</p>
要素名 <p class='class_name'>paragraph</p>
属性 <p class='class_name'>paragraph</p>
属性名 <p class='class_name'>paragraph</p>
属性値 <p class='class_name'>paragraph</p>

また、DOMのようにドキュメントの内容をツリー構造のオブジェクトと考える場合は下記で言うところの要素をノードと言ったり、要素内容を子ノードとして扱うこともありちょっと複雑です。さらに、要素を扱うJavascriptのメソッドはgetElementByIdといようにエレメントという言葉に変わったりと初心者の場合、参考書を読み進めるに当たって相当の注意が必要となります。

Pノード: <p class='class_name'>paragraph</p>

Pの子ノード: <p class='class_name'>paragraph</p>

Comments