2-4_Web構造を明確にするセマンティックタグ

現代のWebサイトでは、コンテンツの役割をタグ名で示すセマンティック(意味論的)タグの使用が強く推奨されます。これらは、検索エンジンや補助技術(アクセシビリティ)にとって、ページの構造を正確に理解させるために非常に重要です。

【主要なセマンティックタグ】

タグ名役割
<header>サイトの導入部(ロゴ、タイトルなど)。
<nav>主要なナビゲーション(メニュー)リンク群。
<main>ページの中心となる主要なコンテンツ領域。
<section>テーマが共通する関連コンテンツのグループ。
<footer>著作権情報、連絡先、関連リンクなどを含む終端部。