セマンティックタグとは？
セマンティック（semantic）とは「意味のある」という意味です。HTMLでは、見た目のためではなく、「その部分が何の役割を持っているか」をタグで表現します。
例えば、次のようなタグがあります。
<header>：ページ全体や、セクションの「ヘッダー部分」を表す<nav>：ナビゲーション（リンクの集まり）<main>：ページの主な内容部分を表す（1ページに基本1つ）<article>：独立した記事・コンテンツのかたまりを表す<aside>：サイドバーなど、補足的な内容を表す<footer>：ページや記事の「フッター部分」を表す
なぜセマンティックタグを使うのか
セマンティックタグを使うことで次のようなメリットがあります。
- コードを読む人（自分や他人）が、構造を理解しやすくなる。
- 検索エンジンがページの内容を理解しやすくなる
- スクリーンリーダー（音声読み上げソフト）などへのアクセシビリティ向上
写経するときは、「このheaderは何のヘッダー？」「このfooterはどの範囲のフッター？」と役割を意識しながら書いてみましょう。