要素について

“header”要素はセクションのヘッダを表す要素です。

“header”要素は直近の祖先要素にあたるセクショニング・コンテンツ、またはセクショニング・ルート要素のヘッダを表します。直近の祖先要素が“body”要素の場合は全体のヘッダを表します。

多くの場合セクションの見出し(“h1”~“h6”要素や“hgroup”要素)を含みますが必須ではありません。他にセクションの目次やナビゲーション、ロゴなどを含むことができます。

“head”要素もヘッダーを表す要素ですが、ブラウザなどのユーザーエージェントが処理するためのメタデータを含む文書自体のヘッダーを表します。

セクショニング・コンテンツではないのでアウトラインには影響を与えません。

サンプルコード

<header>

<h1>果物を食べる</h1>
<nav>

<ul>

<li><a href="index.html">トップ</a></li>
<li><a href="sample1.html">りんご</a></li>
<li><a href="sample2.html">もも</a></li>
<li><a href="sample3.html">バナナ</a></li>
<li><a href="sample4.html">マンゴスチン</a></li>

</ul>

</nav>

</header>

<main>

<article>

<header>

<h2>黄色いフルーツバナナ</h2>
<p>バナナについての解説。<p>

</header>

<section>

<h3>バナナの特徴</h3>
<p>

「バナナ」はバショウ科バショウ属の多年草及びその果実のことである。

</p>
<section>

<h4>バナナの木</h4>
<p>

バナナは「バナナの木」と呼ばれるように高さが数メートルまで成長するが草本に分類される。高く伸びる茎のような部分は葉鞘が幾重にも重なりあっているものであり、本当の茎は地中にある。

</p>

</section>
<section>

<h4>バナナの果実</h4>
<p>

バナナの果実は一般的には緑色、熟成したものは黄色であると思われがちだが、実は紫色や桃色のものなどいろいろなものがある。

</p>

</section>

</section>
<section>

<h3>バナナの産地</h3>
<p>

バナナの生産量の世界一はインドで、中国、フィリピン、エクアドル、ブラジルが続く。日本は124位であり、沖縄や奄美大島、鹿児島などで栽培されています。

</p>

</section>
<section>

<h3>バナナの保存方法</h3>
<p>

果肉の柔らかいバナナはテーブルなどに置いておくと接触した部分が黒ずみ、傷みやすくなるので房の根元を引っ掛けて吊るして、風通しの良い場所に常温で保存する。茶色い星が出た完熟バナナは冷やして保存する。

</p>

</section>
<section>

<h3>バナナの栄養素</h3>
<p>

ビタミンB群や、ビタミンCなどのビタミン、カリウム、マグネシウム、カルシウムなどのミネラル、食物繊維などがバランスよく含まれる。また1本(約100g)約86kcalと、ごはんやパンと比べて低カロリーである。

</p>

</section>

</article>

</main>

<footer>

<ul>

<li><a href="sample1.html">お問い合わせ</a></li>
<li><a href="sample2.html">リンク集</a></li>

</ul>
<p><small>© copyright 2015 Frouts wo taberu</small></p>

</footer>

果物を食べる

黄色いフルーツバナナ

バナナについての解説。

バナナの特徴

「バナナ」はバショウ科バショウ属の多年草及びその果実のことである。

バナナの木

バナナは「バナナの木」と呼ばれるように高さが数メートルまで成長するが草本に分類される。高く伸びる茎のような部分は葉鞘が幾重にも重なりあっているものであり、本当の茎は地中にある。

バナナの果実

バナナの果実は一般的には緑色、熟成したものは黄色であると思われがちだが、実は紫色や桃色のものなどいろいろなものがある。

バナナの産地

バナナの生産量の世界一はインドで、中国、フィリピン、エクアドル、ブラジルが続く。日本は124位であり、沖縄や奄美大島、鹿児島などで栽培されています。

バナナの保存方法

果肉の柔らかいバナナはテーブルなどに置いておくと接触した部分が黒ずみ、傷みやすくなるので房の根元を引っ掛けて吊るして、風通しの良い場所に常温で保存する。茶色い星が出た完熟バナナは冷やして保存する。

バナナの栄養素

ビタミンB群や、ビタミンCなどのビタミン、カリウム、マグネシウム、カルシウムなどのミネラル、食物繊維などがバランスよく含まれる。また1本(約100g)約86kcalと、ごはんやパンと比べて低カロリーである。

属性と値

仕様書

“header”要素はHTML5から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書

<header>