なぜ「見出しタグ」の階層構造が、あなたのサイトの運命を決めるのか
フロントエンドの現場でコードレビューをしていると、未だに「見た目」だけで見出しタグ（h1〜h6）を選んでいるエンジニアに出会うことがあります。CSSでフォントサイズを調整すれば、`
`でも`
`のような見た目にはできます。しかし、それはHTMLという言語の「文脈」を完全に無視した行為です。
見出しは単なる装飾ではありません。ブラウザや支援技術にとっての「目次」であり、検索エンジンに対する「内容の要約」です。今日は、セクション要素と見出しの関係を整理し、アクセシビリティを一段引き上げるための「プロの作法」を解説します。
—
1. 「セクション」と「見出し」の密接な関係
HTML5以降、`
`, `
コメント