文章構造 article section p nav

サンプル

<header>
 <h1>Navigation</h1>

 <nav> 
  <ul>
 	<li>リスト1</li>
 	<li>リスト2</li>
  </ul>
 </nav>
</header>

<article>
 <h1>車について</h1>
 メーカー別に...

 <section>
   <h2>トヨタ</h2>
   <p>.....</p>
 </section>
 <section>
   <h2>トヨタ</h2>
   <p>.....</p>
 </section>
</article>

<footer>
  コピーライト@ビットリンク
</footer>
articleタグ

article要素は、文書、ページ、アプリケーション、またはサイトの中で完全もしくは自己完結した構造を表す。
ページの主要コンテンツ(すなわちフッター、ヘッダー、ナビゲーションブロック、およびサイドバーを除く)が、すべて単一の自己完結型の構成物である場合、コンテンツはmain要素でマークアップされるべきであり、かつコンテンツはまたarticleでマークアップされてもよいが、(単一の文書であるように、ページが単一の構成物であることは自明なので)この場合は技術的に冗長である。

sectionタグ

section要素は、文書またはアプリケーションの一般的セクションを表す。この文脈においてセクションは、主題を表すコンテンツのグループである。

pタグ

段落。文章のひとかたまり。

navタグ

他のページへのリンク、ページ内リンクをもつセクションに使用する。
fotterタグは、一般的に上記意味あいをもっているため、使用するのは冗長である。

 

コメント

タイトルとURLをコピーしました