XHTML/HTML で、どの要素がセマンティックな値を持ち、どの要素が表現的であり、どちらのカテゴリにも属さないのですか?
そして、どのタグがセマンティックでプレゼンテーション的であるかを誰が決定しますか? W3C または独自の用語を持つ Web 開発者?
構造的マークアップとセマンティック マークアップの違いは何ですか?
DIV と span はセマンティックではありませんか? はいの場合、なぜ使用するのですか?
XHTML/HTML で、どの要素がセマンティックな値を持ち、どの要素が表現的であり、どちらのカテゴリにも属さないのですか?
そして、どのタグがセマンティックでプレゼンテーション的であるかを誰が決定しますか? W3C または独自の用語を持つ Web 開発者?
構造的マークアップとセマンティック マークアップの違いは何ですか?
DIV と span はセマンティックではありませんか? はいの場合、なぜ使用するのですか?
一般に、プレゼンテーション要素はオブジェクトのルック アンド フィールに作用する要素であり、セマンティック要素は「意味」のみを与えます。
例: 次の違いは何ですか:
<h1>Hey, I'm a title</h1>
と
<font size="36px">Hey, I'm a title</h1>
?
たいしたことはありませんが、タグは表示的なものだけを含むフォント タグではなく、何かを意味するため、セマンティックな価値もあるタグです。
たとえば、順序付きリスト (OL) と順序なしリスト (UL) は、セマンティック ロードを伴うマークアップ要素の例です。アイデアは、いくつかの要素が何らかの形で接続されていることをクライアントに示すことです。たとえば、メニューのオプションを表します。これは、メニュー オプションを順番に読み上げるスクリーン リーダーに役立ちます。
そして、どのタグがセマンティックでプレゼンテーション的であるかを誰が決定しますか? W3C または独自の用語を持つ Web 開発者?
両方。規格は、何をどのように使用することになっているのかを規定しています。開発者は、これに同意するか無視するかを選択できます (設計にテーブルを使用するユビキタスなケースと同様)。
一般的な考え方は、(X)HTML コンストラクトを構造的なもの (意味的な意味を持つものと持たないもの) として扱い、CSS を使用してプレゼンテーション プロパティを調整することだと思います。
セマンティックとは、要素の意味に関するものです。プレゼンテーションとは、要素の外観に関するものです。
たとえば、<i> はプレゼンテーション ステートメントですが、<blockquote> または <q> はセマンティック ステートメントです。
よりセマンティックまたはよりプレゼンテーション的と見なされる要素の決定的なリストがあるかどうかはわかりませんが、一般的には、マークアップが要素が何であるかについて何かを述べているかどうかを尋ねるだけで、それがどれであるかを判断できるはずです。どのように見えるべきか。
<span> タグと <div> タグは両方の情報を伝えるために使用できますが、要素の目的について何かを伝えるために使用する必要があります。その後、CSS を使用してスタイルを設定できます。そのため、<span> と <div> 自体には意味がありませんが、それらに設定されたクラスまたは ID には、外観ではなく目的に関する情報を保持する必要があります。