sectionの使い方についてまとめ

sectionの概要

sectionタグは、ページ内のその部分が一つのセクションであることを示す際に使用します。divでボックス要素を作るよりはsectionで作るのが好ましい使い方です。

注意点

sectionタグは一般的なセクションを定義するタグであるため、記事コンテンツなどを作る際は articleタグを使用しましょう。

sectionのカテゴリー

sectionに入れられるタグ一覧

タグ早見表

a abbr address area article aside audio b bdi bdo blockquote br button canvas cite code data datalist del details dfn dialog div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hgroup hr i iframe img input ins kbd keygen label link main map mark math menu meta meter nav noscript object ol output p picture pre progress q ruby s samp script section select slot small span strong sub sup svg table template textarea time u ul var video wbr テキスト

入れられるタグのカテゴリー・モデル

sectionに使える属性

属性とは<section> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード

スポンサードサーチ

sectionの使い方



ブラウザ対応状況

ブラウザの対応(PC)
Chrome あり
Safari あり
Internet Explorer あり
Edge あり
Firefox あり
Opera あり
ブラウザの対応(SP)
Chrome あり
Safari あり
Samsung Internet あり

WORK REQUEST

CONTACT