現代のWebサイトでは、コンテンツの役割をタグ名で示すセマンティック(意味論的)タグの使用が強く推奨されます。これらは、検索エンジンや補助技術(アクセシビリティ)にとって、ページの構造を正確に理解させるために非常に重要です。
【主要なセマンティックタグ】
| タグ名 | 役割 |
| <header> | サイトの導入部(ロゴ、タイトルなど)。 |
| <nav> | 主要なナビゲーション(メニュー)リンク群。 |
| <main> | ページの中心となる主要なコンテンツ領域。 |
| <section> | テーマが共通する関連コンテンツのグループ。 |
| <footer> | 著作権情報、連絡先、関連リンクなどを含む終端部。 |