HTML一覧CSS一覧HTML一覧

文書の骨格

<article> 独立して読める一塊

重要度4 / 5

意味

記事やお知らせなど、前後から切り離しても意味が通る一塊に使います。ブログの1本、制作実績の1件などが向きです。ページ全体の骨格ではなく、中身の単位です。テーマで区切るだけなら <section> で足ります。

コード

HTML
<article>
  <h2>見出しの付け方</h2>
  <p>主題は h1、その下の区切りは h2 から順に置きます。</p>
</article>

プレビュー(初期表示)

ブラウザ対応

主要ブラウザの対応状況
ブラウザ対応
Chrome5〜
Firefox4〜
Safari5〜
Edge12〜
Chrome Android18〜
Safari iOS4.2〜

出典: MDN Web Docs(`@mdn/browser-compat-data`)