要素には、その内容に「意味」を持つ「論理要素」と、意味を持たない「物理要素」があります。

■論理要素
タグで囲まれた内容に何らかの意味を持たせる要素で、例えば見出し（h1〜h6）や文字の強調（em、strong）などがこのタイプの要素になります。

■物理要素
タグで囲まれた内容に意味を持たず、見た目の変更だけを目的とした要素で、例えば太字（b）や斜体文字（ i ）などがこのタイプの要素になります。

次の例で表示されている「サンプル」という文字は、IEなどの一般的なブラウザ見た場合には、文字の大きさや太さが同じように表示されます。

しかし、見た目は同じであっても、論理要素側の「サンプル」には「見出し」という意味を持ち、物理要素側の「サンプル」には何の意味も持ちません。

「見出し」や文字の「強調」といったこれらの「意味」は、利用者のブラウザに伝えられることになります。意味的な情報を受け取ったブラウザ側は、それらの意味を独自の方法で表現し、その内容を利用者に分かりやすく伝えようとします。

例えば、strongタグ（論理要素）で囲まれた内容は「強調」という意味を持ちますが、ブラウザ側はこの「意味」の部分を次のように表現します。

IEなどの一般的なブラウザ　→　太字にすることで強調されていることを表現
音声ブラウザ　→　トーンを変えて読み上げることで強調されていることを表現

タイプの異なるブラウザであっても、「意味」を伝えることによりその内容が適切に表現されるようになります。その結果、様々な環境でその情報を利用しやすくなります。

以下の物理要素による表示内容は、スタイルシートで代替することが可能です。

HTMLタグリストに掲載されている要素のみを表示しています。