コンテンツ(文章ほか)の構造化について

コンテンツ主要部分の記述例

<article>
<section>
<h1>コンテンツタイトル</h1>
<h2 class=”lead”>コンテンツリード/フック</h2>
<p>フック文章</p>
</section>

<blockquote cite=”外部URL” title=”そのタイトル”>
<p>引用部分、引用部分、引用部分、引用部分、引用部分、</p>
<p><cite><a href=”外部URL”>そのタイトル</a></cite>より抜粋(この表記は任意)</p>
</blockquote>

<section>
<h3>小見出し</h3>

<figure>
<img src=”http://example.com/zu-hyou.jpg” />
<figcaption>キャプション</figcaption>
</figure>

<p>コンテンツ文</p>
</section>

<section>
<h3>小見出し</h3>
<p>コンテンツ文</p>
</section>
</article>

 

ページ全体の構成イメージ

ページ全体のhtml構造化イメージ
Webページのhtmlでの構造化のイメージです。