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

論理要素

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

物理要素

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

以下のサンプルというテキストは、一般的なブラウザで見た場合はどちらも同じように表示されます。

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

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

例えば、strong要素（論理要素）の内容は強調という意味を持ちますが、ブラウザ側はこの意味を次のように表現することが期待されます。

• 一般的なブラウザ … 太字で表示することで、その内容が強調されていることを表現します。
• 音声ブラウザ … トーンを変えて読み上げることで、その内容が強調されていることを表現します。

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

次の物理要素による表示内容は、スタイルシート（CSS）で代替することができます。