本文へスキップ

Q&A: <div> と <section> の使い分け

HTMLアクセシビリティ

この記事の役目

題名に &< が入っています。エスケープを忘れるとフィードが壊れるので、 その確認のために置いてあります。読者側のリーダーは、壊れたフィードを たいてい何も言わずに購読解除します。だから機械で確かめます。

<div><section> の違い

<section> は「見出しを持つひとまとまり」です。見出しが無いなら <div> が正しい。 迷ったら <div> にしてください。意味のないところに <section> を置くと、 読み上げの目次に空の項目が並びます。

意味づけは、迷ったら弱いほうを選ぶ。強い意味づけを間違えるほうが害が大きい。

← 記事一覧へ