- ベストアンサー
HEADタグとheaderタグ
HTMLでHEADタグとheaderタグは何が違うのでしょうか？ CSSを宣言するのはHEADタグ内だと思いますが では、headerタグはどういう時に使用すればいいのでしょうか？
- exapngcfdf
- お礼率100% (67/67)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
HTMLの基本は <body> <head> ・・・このHTML文書のヘッダ・・(画面には表示されない) スタイルシートやmeta情報などはここに書かれます。 </head> <body> ・・・本文 </body> </html> です。 header要素は、HTML5で登場した本文中の導入部やナビゲーションをグループ化する要素です。 HTML4.01～XHTML1.1でページを作成されていたと思いますが、それらには文書構造を示す要素がありませんでした。文書構造は 『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加する( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』と、明記してあった!! そのため、 <body> <div class="header"> 導入部やナビゲーション </div> <div class="section"> 本文 </div> <div class="footer"> 文書情報など </div> </body> とマークアップされてきたと思います。 ところが、仕様書をろくに読まない人が多く。 <body> <div id="top"> 導入部やナビゲーション </div> <div id="content"> 本文 <div id="leftMenue"> </div> </div> <div id="bottom"> 文書情報など </div> </body> のように、文書構造ではなくプレゼンテーション的なidやクラス名を使用する人があとをたちません。 それでは、何のためのHTMLかわからない。検索エンジンは無論、だれにも何処が導入で、本文で、本文と関係ないのかさっぱり分からない!! その反省から、 ★HTML5 では、文書をよりよく構造化するために、次の要素が新しく追加されました。( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements ) section、article、aside、hgroup、header、footer、nav、figure、figcaption ★hgroupは採用されない見込み ★アウトラインには影響しない、一箇所しかつかえないがmain要素が追加見込み ということです。 ですから、従来 1999年のHTML4.01の勧告以来・・ <body> <div class="header"> <h1>ページタイトル</h1> <div class="nav"> <ol>ナビゲーションリスト</ol> </div> </div> <div class="section">本文ブロック</div> <div class="footer">文書情報</div> </body> ・・・・と書かれてきたと思いますが、それを <body> <header> <h1>ページタイトル</h1> <nav> <ol>ナビゲーションリスト</ol> </nav> </header> <section>本文ブロック</section> <footer>文書情報</footer> </body> と書きなさいという事です。 <head>はHTML文書のヘッダで表示されない情報 <header>は、本文のうち「導入部やナビゲーション」をまとめる要素
お礼
どうもありがとうございました。