[HTML5メモ] 追加された文書構造化タグ #1
December 9, 2009
headerタグ
ロゴやメインナビゲーションなど、ページの最上部に表示するものをくくる。
articleタグ
メインコンテンツ部分や、ブログにおける記事部分など、ページ内の独立したコンテンツ部分をくくる。
sectionタグ
文書の章ごとにくくる。sectionの構成要素は、見出しと文書。
hgroupタグ
h1タグやh2タグなど、見出し部分をくくる。
footerタグ
コピーライト（作成者）表記、連絡先（メールアドレス）リンクなど、ページの最下部に表示。
例
<body>
<header>
<h1>HTML5学習サンプル</h1>
</header>
<article>
<hgroup>
<h1>メインコンテンツ</h1>
</hgroup>
<section>
<hgroup>
<h2>セクション1 見出し</h2>
</hgroup>
<p>
セクション1 文書
</p>
</section>
<section>
<hgroup>
<h2>セクション2 見出し</h2>
</hgroup>
<p>
セクション2 文書
</p>
</section>
</article>
<footer>
<p>
© scratchbrain
</p>
</footer>
</body>サンプル表示
カテゴリー:
タグ:
Posted by scratchbrain at December 9, 2009 12:37 AM
Trackback
Trackback URL for this entry:
