ywork2020.com

Title

汎用的なセクションを表す

目次 (INDEX)

section とは

ここで説明する section とは次の語句からなるHTMLの要素です。
section
読み: セクション
意味: 部分、断片、仕切られた場所

目次に戻る

section 要素の概要

この要素は汎用的なセクションを表します。

これは、他の区分コンテンツの要素群の中に具体的に使用するものがない場合に汎用的なセクションを作成するために用いられます。

例えば、単独で一つの記事として成立しているセクションを表す場合には、代わりに article 要素を使用します。 また、コンテンツの部品を区分けする場合やスタイル付けの為に使用する場合には、 div 要素を使用してください。

この要素は、記事の部品を区分けするのに用いられる為、必ずではありませんが見出し要素を含むこと検討してください。

この要素には、開始タグと終了タグが必要です。
<section> </section>

目次に戻る

サンプルコード

このサンプルコードでは一つの記事の骨格を形成するような要素の配置をしてみました。

<body>
	<article>
		<header>
			<h1> 見出し </h1>
		</header>
		<section>
			<h2> 見出し </h2>
			記事部品コンテンツ
			記事部品コンテンツ
		</section>
		<section>
			<h2> 見出し </h2>
			記事部品コンテンツ
			記事部品コンテンツ
		</section>
		<footer>
			<address> 著者情報 </address>
		</footer>
	</article>
</body>

目次に戻る

使用できる属性

目次に戻る