この章では、レイアウトにおけるセマンティック HTML 構造の利点について説明します。編集者はこれがとても良いと思ったので、参考として共有します。
1:
1. セマンティック タグは単なる HTML であり、CSS にはセマンティックはありません。 HTMLはタグ、CSSは属性です。
2. セマンティックタグの履歴書は、文書化されたページに基づいています。DOM の D (文書) と、js の記述に使用される文書は、コンピューターが文書として認識することを明確に示しています。ページをドキュメントの種類として分類することもできます。
3. HTMLタグ自体に意味があります。 p---paragraph、li---list、img---image などですが、div---division などの非セマンティックなものもあり、div タグ内のコンテンツの属性や表示スタイルを表すことができません。
4. HTML5 は、HTML に基づいて、
を追加します。
5. HTML は明確に定義された属性を持つ XML であると考えています。セマンティック HTML は、ページ構造をより明確にし、CSS と JS の記述を減らし、SEO に役立ちます。
2:
検索エンジン クローラーは、個々のキーワードのコンテキストと重みを判断するためにもタグに依存します。以前は、検索エンジンのクローラーも Web サイトの「訪問者」であるとは考えられなかったかもしれませんが、現在では、クローラーは実際には非常に貴重なユーザーであり、クローラーがなければ、検索エンジンは Web サイトのインデックスを作成できません。クローラーはパフォーマンスのために使用されるマークアップをほとんど無視し、タグ付けされたセマンティクスのみに焦点を当てるため、ページがクローラーにとって理解しやすいかどうかは非常に重要です。
したがって、タイトルがページファイルのタグがタグ付けされる代わりにタグ付けされると、このページは検索結果の下位に表示される可能性があります。
以上がレイアウトにおけるセマンティック HTML 構造の利点は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
