プロが教えるわが家の防犯対策術！

HEADタグとheaderタグ

解決済

  • 質問者：exapngcfdf
  • 質問日時：
  • 回答数：1件

HTMLでHEADタグとheaderタグは何が違うのでしょうか？

CSSを宣言するのはHEADタグ内だと思いますが
では、headerタグはどういう時に使用すればいいのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： ORUKA1951
  • 回答日時：

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-html4 … )』と、明記してあった!!
　そのため、
<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/h … )
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>は、本文のうち「導入部やナビゲーション」をまとめる要素
    • good
    • 4
    • 件
通報する
この回答へのお礼

どうもありがとうございました。

通報する
お礼日時：2014/03/05 22:18

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報