カテゴリー:
HTML5
閲覧数:552 配信日:2017-01-25 18:02
section要素
見出しを伴う意味的なグループ化が可能な、文書の一般的なセクションを表す
コンテンツをまとめる
簡単に言えば？
・内容を分割する際に使用
<section> の子要素
・見出し (<h1>-<h6> 要素) を含めるべき
入れ子
・OK
<section><section></section></section>
注意
<section> 要素の内容が単独で意味を成す集合の場合
・section 要素より <article> 要素の使用がより適している
単なる汎用コンテナとして使用するのは誤り
・汎用コンテナは、従来通り<div>
コード例
<section>
<h1>Heading</h1>
<p>Bunch of awesome content</p>
</section>
<h1>Heading</h1>
<p>Bunch of awesome content</p>
</section>
<section>
<h2>Heading</h2>
<img>some image</img>
</section>
<h2>Heading</h2>
<img>some image</img>
</section>
・section 要素
・HTML Standard 日本語訳