セマンティック HTML 構造の利点は何ですか?

1つ：

1.セマンティック タグは単なる HTML であり、CSS にはセマンティクスはありません。 HTML はタグ、CSS は属性です。

2.セマンティックタグの要約 文書化されたページに基づいて、Web ページはドキュメントと見なされます。DOM の D (ドキュメント) と js の記述に使用されるドキュメントは、コンピューターがページをドキュメントとして見なしていることを明確に示しています。ページをドキュメントの一種として分類することもできます。

3. HTML タグ自体に意味があります。 p---段落、li---リスト、img---画像などですが、div---区分など一部は意味的ではなく、div タグ内のコンテンツの属性や表示スタイルを表すことができません。

4. HTML5 では、HTML とほとんどの人の開発習慣、および一般的な Web サイト ページの表示形式に基づいて、<header><footer><nav><article> などのセマンティック タグが追加されています。

5.私の個人的な理解では、HTML は定義された属性を持つ XML です。セマンティック HTML を使用すると、ページ構造が明確になり、CSS と JS の記述が少なくなり、SEO にもより効果的になります。

二：

検索エンジンのクローラーも、個々のキーワードのコンテキストと重みを判断するためにマークアップに依存しています。

これまでは、検索エンジンのクローラーをウェブサイトの「訪問者」とは考えていなかったかもしれませんが、現在では彼らは非常に貴重なユーザーです。彼らがいなければ、検索エンジンはウェブサイトをインデックスすることができず、一般ユーザーが訪れるのが難しくなります。

6.クローラーはプレゼンテーションに使用されるマークアップをほとんど無視し、セマンティック マークアップのみに注意を払うため、ページがクローラーにとって理解しやすいことは非常に重要です。

したがって、ページのタイトルが ではなく でタグ付けされている場合、そのページは検索結果で下位にランク付けされる可能性があります。

セマンティック HTML 構造の利点に関する上記の簡単な説明は、エディターが皆さんと共有する内容のすべてです。これが皆さんの参考になれば幸いです。また、123WORDPRESS.COM をサポートしていただければ幸いです。