css - セマンティックで意味のあるマークアップを使用するための背後にあるロジックは何ですか？

Question

スクリーンリーダーソフトウェア専用ですか？ブラウザは、両方のタイプのタグをセマンティックとプレゼンテーションの両方で同じ方法でレンダリングするためです。

例えば：

私たちのためのブラウザとcssのために<strong>そして<b>同じです。プレゼンテーションタグよりもセマンティックタグの目的は何ですか。

スクリーンリーダー専用ですか、それともコードの管理を改善するためですか？

開発者向けでstrong、bどちらもブラウザで同じ結果を生成できる場合。

Answer 1

<strong>歴史的<b>に間違った概念で使用されているだけなので、この場合は悪い例です。多くの人がすべてを太字でマークし始め<strong>たため、元の意図が破壊されました。<strong>たとえば、私の携帯電話のブラウザは太字になりません(ただし、標準では画面上で太字にすることが推奨されています)。

セマンティック タグの背後にある考え方は、コンテンツに関する説明を提供することです。したがって<strong>、メニュー項目のタグは意味がありませんが、文の一部を大きく発音するようにマークするためにタグを使用するのは理にかなっています。

HTML5 では、ページのコンテンツ部分が明確に概説されており、コンテンツ内のすべてのタグが使用可能なメタデータであるため、セマンティック タグはより理にかなっています。検索エンジンはすでにこれを得意としていますが、他のすべてのエンジンはそうではありません。

Semantic Webの概念全体について読むことをお勧めします。

Answer 2

セマンティック マークアップにより、スクリプトはコンテキストを理解できます。これはスクリーン リーダー ソフトウェアにとって有益かもしれませんが、Google やその他の検索ボットにとっても有益です。

HTML 仕様によると、<strong> と <em> は強調を表すのに対し、<b> と <i> は単に「太字で表示」と「斜体で表示」を意味します。<b> と <i> は、特に強調したくない場合に使用する必要があります。たとえば、本のタイトルをイタリック体にする場合。

検索ボットがコンテンツのセマンティックな理解を得ようとしている場合、セマンティック タグをより優先すると考えるのが妥当です。

Answer 3

理論的には、オーディオ ページ リーダーは、別の、よりゆっくりとした、より強調された声調でテキストを読むことができます。<strong>それは<b>、グラフィカルな表現のための誤植のヒントにすぎないという理由だけで、それを行うことはありません。端末ベースのブラウザは、端末で利用可能な効果がない場合、太字の代わりに下線を使用して再現でき<strong>ますが、原則として、印刷のためにそれを行うのは意味がありません<b>。検索エンジンは、 ed ワードをより重視する可能性があります。<strong>

実際には、これらの例のいずれも実際には発生していないと思います — HeavyWave が言うように、部分的には、何十年にもわたる低品質のマークアップにより、有用に描画できるそれらの間の違いが消えてしまったためです — しかし、それは哲学的な違いを示しています。