HTML5
section要素とは
2011.09.03
<section>とは一般的な章や節(セクション)を表すアウトラインの要素。
文章やアプリケーションの一部となる意味の集合をくくる要素です。
今まで使用していたブロック要素のdivに変わるものとなります。
とはいっても、<section>の使い方も様々。
簡潔に言うと、意味の固まりなので見出し(<h1>~<h6>)が必ず入ると思っていた方がいいかも。
CSSでグルーピングする目的であれば今まで通りdivを使うのが適切。乱用しちゃダメ。
section要素の使い方と注意点
- section要素は汎用的だが乱用は避ける。
- 文章の構造を表す為の要素なので、section内にはh1〜h6といった見出しが必ず必要
- レイアウトを整形するのに使用はしない事。(その場合はdiv)を使用する
html5を学ぼう
<section> <h1>HTML5を学ぼう!</h1> <section> <h1>section要素とは</h1> <h2>sectionの意味</h2> </section> <section> <h1>article要素とは</h1> <h2>articleの意味</h2> </section> </section>