P粉2629261952023-08-23 20:17:14
HTML5 セマンティクスに関する優れた記事が HTML5Doctor にあります。
セマンティクスは常に HTML の一部であり、何らかの形式で存在します。ページ上で何が起こっているかを理解するのに役立ちます。
昔は、ほとんどすべてが <div> を使用していましたが、それでも「セマンティックな」クラス名または ID 名を与えることでセマンティクスを実現していました。
これらのタグは、レイアウトを正しく構造化し、理解するのに役立ちます。
これを行う場合:
リーリー ＃＃＃そして＃＃＃ リーリー ＃＃＃＃＃＃または＃＃＃＃＃＃ リーリー ＃＃＃そして＃＃＃ リーリーに問題はありませんが、後者の方が、クローラー、リーダーなどにとって読みやすくなります。
P粉2001385102023-08-23 13:52:22
オックスフォード辞書には次のように記載されています:
その名前が示すように、これらのタグは Web ページの意味を強化するように設計されています。適切なセマンティクスは、ドキュメントの自動処理において重要な役割を果たします。この自動処理は、思っている以上に頻繁に発生します。検索エンジンによってランク付けされたすべての Web サイトは、すべての Web サイトの自動処理から得られます。
(適切にデザインされた) Web ページにアクセスすると、人間の読者として、ページのすべての要素をすぐに (視覚的に) 区別することができ、さらに重要なことにはコンテンツを理解することができます。左上には会社のロゴが表示され、サイトナビゲーションの隣には検索バーと会社に関するテキスト、購入できる製品へのリンク、下部に法的免責事項が表示されます。
ただし、このマシンは愚かなので、次のようなことはできません。 あなたと同じページを見ると、Web クローラーは画像、一連のアンカー タグ、テキスト ノード、入力フィールド、およびリンクのある画像のみを認識します。下部に別のテキスト ノードがあります。 さて、ドキュメントのどの部分がナビゲーション、主要記事、またはそれほど重要ではない脚注になる予定であるかを、ユーザーはどのようにして知ることができるのでしょうか?いくつかの一般的な基準を使用して文書構造を分析することで、特定の要素のヒントを推測できます。 たとえば、内部リンクの
ここで、