* 意味

[20] [[章節]]、[[Webサイトの見出し]]も参照。

* 歴史

** 現・[CODE(HTMLe)@en[head]] 要素としての [CODE(HTMLe)@en[header]] 要素 (HTML1)

[12] [CODE(HTMLe)@en[[[header]]]] [[要素]]は、最初 [CODE(HTMLe)@en[[[head]]]] [[要素]]の意味で提案されていましたが、
すぐに [CODE(HTMLe)@en[[[head]]]] に改名されました ([CODE(HTMLe)@en[[[head]]]] の歴史の項を参照)。

[1]
かなり早い時期に改名されたにもかかわらず、
[CODE(HTMLe)[header]] タグが [CODE(HTMLe)[[[head]]]]
タグの代わりに使われている例、最近の文書でもなぜかしばしば見かけます。
[[Web Applications 1.0]], 違う意味に流用しちゃって大丈夫なんでしょうか?
([[名無しさん]] [sage] [WEAK[2005-06-26 08:36:33 +00:00]])

[3]
[CITE[PMosaic Documentation]] ([CODE[2007-01-21 16:37:08 +09:00]] 版) <http://gpg.com/pmosaic/docs/pmosaic-docs.html#gerdhtml>
に示された例文
[PRE(HTML invalid example code)[
<HTML>
<HEADER>
<TITLE>Sample use of Gerdsooz</TITLE>
</HEADER>
]PRE]

([[名無しさん]])

[4]
[CITE[]] ([CODE[1995-02-15 01:06:12 +09:00]] 版) <http://gpg.com/MERC/art/vowels.isi>

[PRE(HTML invalid example code)[
<HTML>
<HEADER>
<TITLE>Sample Arabic Text</TITLE>
<BODY>
<PRE>
]PRE]

([[名無しさん]])

[5]
[CITE[lang:html <header(\s|>) - Google Code Search]] ([CODE[2007-03-25 14:25:58 +09:00]] 版) <http://www.google.com/codesearch?q=+lang:html+%3Cheader(%5Cs%7C%3E)>

多いのか少ないのか微妙。

[13] >>5 これから [CODE(HTMLe)@en[[[header]]]] as in [[HTML5]] が普及したら結果がわからなくなるから、
スナップショットを撮っといたよー。

[CITE@en[Entries Associated with <http://www.google.com/codesearch?q=+lang:html+%3Cheader(%5Cs%7C%3E)>]] ([TIME[2009-05-24 09:57:41 +09:00]] 版) <http://suika.suikawiki.org/gate/2007/schema/schema/list/uri.html?http://www.google.com/codesearch?q=+lang:html+%253Cheader(%255Cs%257C%253E)>

[6]
[CITE[A Beginner's Guide to HTML]] ([CODE[2003-08-15 22:48:58 +09:00]] 版) <http://ccat.sas.upenn.edu/jod/primer.html>

[CODE(HTMLe)@en[[[header]]]] を使っている。これがいつのかはわからないが、

[CITE[HTML入門 (1995/6/1 編集)]] ([CODE[1997-12-24 11:02:35 +09:00]] 版) <http://web.archive.org/web/19980131092758/ringo.sfc.keio.ac.jp/otherdocuments/html.html>

という1995年の日本語訳でも [CODE(HTMLe)@en[[[header]]]] が使われている。

訳の方では [CODE(HTMLe)@en[[[header]]]] も [CODE(HTMLe)@en[[[head]]]] も登場していない例文が、原文の方では
[CODE(HTMLe)@en[[[head]]]] を使っているのにも注目。
(つまり原文の方が日付が新しい。)
([[名無しさん]])

[7]
>>6 原文の [CODE(HTMLe)@en[[[head]]]] が追加されている方の日付は1995年4月になっている。。。

[FIG(quote)[
[FIGCAPTION[
[33] [CITE[KNR-online]], [TIME[2025-11-24T04:23:26.000Z]] <https://web.archive.org/web/20001211135600id_/http://www.knr.gl/dansk.htm>
]FIGCAPTION]

>
[PRE[
<!-- This document was created with HomeSite 2.5 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<HEADER>

<head>
<title>KNR-online</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<meta NAME="Ilánguak Olsen" CONTENT="KNR-Online, Dansk">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0">
<style TYPE="text/css" TITLE="Lyse farver">
	H1 { font-size: 24pt; font-family: Arial; font-weight: bold; line-height: 2pt; color: #E92414 }
	</style>
</HEADER>
</head>

<body BGCOLOR="#9FFFB0" TEXT="000080" LINK="0000FF" VLINK="521864" ALINK="808000">
]PRE]
]FIG]


[34] [CITE[null]], [TIME[2025-11-24T04:25:08.000Z]] <https://web.archive.org/web/20010121130400id_/http://www.knr.gl/aboutknr/medarb.htm>

>
[PRE[
<!-- This document was created with HomeSite 2.5 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<HEADER>

<head>
<title>Adresse og telefonbog</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<meta NAME="Ilánguak Olsen" CONTENT="KNR, Adresse og telefonbog">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0">
<style TYPE="text/css" TITLE="Lyse farver">
	H1 { font-size: 24pt; font-family: Arial; font-weight: bold; line-height: 2pt; color: #E92414 }
	</style>
</head>

<frameset FRAMESPACING="0" FRAMEBORDER="YES" BORDERCOLOR="#1A4675" rows="35%,*">
]PRE]

>
[PRE[
  eller <a HREF="http://www.microsoft.com">Microsoft</a> <!-- eller se menuen uden frames <A HREF="dkmenu.htm">her</A>. --> </p>
  </body>
</HEADER>
  </noframes>
</frameset>

<frameset>
</frameset>
</html>
]PRE]


** よくわからない用例

[2]
[CITE[PMosaic Documentation]] ([TIME[2007-01-21 16:37:08 +09:00]] 版) <http://gpg.com/pmosaic/docs/pmosaic-docs.html>

[PRE(HTML invalid example code)[
<HTML VERSION="2.0">
<HEAD>
<!-- WEBMAGIC VERSION NUMBER="1.0" -->
<!-- WEBMAGIC TRANSLATION NAME="ServerRoot" SRC="/hd2/www/htdocs/" DST="/" -->
<!-- WEBMAGIC TRANSLATION NAME="ProjectRoot" SRC="/hd2/src/htdocs/" DST="/" -->
<TITLE>PMosaic Documentation</TITLE>
</HEAD>
<BODY>
<P>
<P><HEADER></HEADER>
<H1>PMosaic Documentation</H1>
<HR>
]PRE]

>>3 と同じ文書からです。何らかの自動整形が [CODE(HTMLe)@en[[[header]]]] as [CODE(HTMLe)@en[[[head]]]]
に対応してなくて壊しちゃったのでしょうか。

** 現・[CODE(HTMLe)@en[hgroup]] 要素としての [CODE(HTMLe)@en[header]] 要素 (Web Applications 1.0)

[14] [[Web Applications 1.0]]/[[HTML5]] では [CODE(HTMLe)@en[[[header]]]] [[要素]]が定義されましたが、
当初その意味は現在の [CODE(HTMLe)@en[[[hgroup]]]] [[要素]]に相当するものでした。


[27] [CITE@en-GB-hixie[Web Applications 1.0]], [TIME[2024-09-01T08:44:52.000Z]], [TIME[2004-12-10T06:02:35.522Z]] <https://web.archive.org/web/20041210054847/http://www.whatwg.org/specs/web-apps/current-work/#specific>


[FIG(data)[ [104] [[HTML要素概説]]

:[F[要素名]]:[CODE[header]]
:日付:[TIME[2004-09-23]]
:説明:
[TIME[2004-09-23]]版
[CITE@en-GB-hixie[Web Applications 1.0]]
に
[CODE[header]]
がある。
現在の 
[CODE[hgroup]] に当たる。
:出典:
[REFS[

-
[CITE@en-GB-hixie[Web Applications 1.0]], 
[DATA(.author)[[[WHATWG]]]],
[[Ian Hickson]],
[DATA(.status)[[[Working Draft]]]],
[TIME(.published)[8 December 2004][2004-12-08]],
[TIME[2024-09-01T08:36:36.000Z]], [TIME[2004-12-10T05:54:20.058Z]] <https://web.archive.org/web/20041210054847/http://www.whatwg.org/specs/web-apps/current-work/>

]REFS]

]FIG]




[16] 2009年4月に旧 [CODE(HTMLe)@en[[[header]]]] は [CODE(HTMLe)@en[[[hgroup]]]] に改名され、
新たに別の [CODE(HTMLe)@en[[[header]]]] が導入されました。

;; 改名の議論
- [CITE[IRC logs: freenode / #whatwg / 20090327]] ([TIME[2009-05-21 22:33:25 +09:00]] 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20090327>
- [CITE[IRC logs: freenode / #whatwg / 20090331]] ([TIME[2009-06-07 11:12:08 +09:00]] 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20090331>
- [CITE[IRC logs: freenode / #whatwg / 20090407]] ([TIME[2009-06-19 08:14:07 +09:00]] 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20090407#l-465>
- [CITE[IRC logs: freenode / #whatwg / 20090430]] ([TIME[2009-08-03 07:48:22 +09:00]] 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20090430>


- [28] [CITE@en['''['''ac''']''' (0) Rename <header> to <hgroup> and restrict it just to supporti…]], [[Hixie]], [TIME[2009-05-01 02:37:30 +09:00]], [TIME[2024-09-04T13:47:48.000Z]] <https://github.com/whatwg/html/commit/7e9b2d1b87f50e2da6d6a8cb8fe2d6fcbae6cae4>


[FIG(data)[ [29] [[HTML要素概説]]

:[F[要素名]]:[CODE[header]]
:[F[要素名]]:[CODE[hgroup]]
:日付:[TIME[2009-04-30T02:37:30+09:00]],
:説明:
[TIME[2009-04-30]]、
[CITE[HTML5]]
の
[CODE[header]]
は
[CODE[hgroup]]
に改称された。
現行仕様である。
:出典:
[REFS[

-
[CITE[HTML5 r3039]],
[DATA(.author)[[[Hixie]]]], 
[TIME(.published)[2009-05-01 02:37:30 +09:00]], [TIME[2024-09-04T13:47:48.000Z]] <https://github.com/whatwg/html/commit/7e9b2d1b87f50e2da6d6a8cb8fe2d6fcbae6cae4>

]REFS]

]FIG]


;; [15] [CODE(HTMLe)@en[[[hgroup]]]] [[要素]]の意味や改名後の歴史については [CODE(HTMLe)@en[[[hgroup]]]] 
[[要素]]の項を参照してください。

*** [CODE(HTMLe)@en[header]] 要素 (現・ [CODE(HTMLe)@en[hgroup]] 要素) に関する記事

[8]
[CITE[TRANS - h1要素の話とHTML5のheader要素とかの話について]] ([CODE[2007-07-12 09:36:05 +09:00]] 版) <http://d.hatena.ne.jp/aratako0/20070706/p1>
([[名無しさん]])

[9]
[CITE@ja[h1とかheaderとか|junk diary]] ([CODE[2007-07-11 23:44:25 +09:00]] 版) <http://blog.2inc.org/2007/07/h1header.html>
([[名無しさん]])

[10]
[CITE[TRANS - Re: h1とかheaderとか]] ([CODE[2007-07-12 09:36:05 +09:00]] 版) <http://d.hatena.ne.jp/aratako0/20070709/p1>
([[名無しさん]])


[11]
>>8-10 何の話をしているのかよくわかりません。
[[HTML 5]] の [CODE(HTMLe)@en[[[header]]]] の意味は
(今のところ) 仕様書に書いてある通りのことだけでしょうに。

** [CODE(HTMLe)@en[header]] 要素 (HTML5)




[FIG(data)[ [216] [[HTML要素概説]]

:[F[要素名]]:[CODE[prologue]]
:[F[要素名]]:[CODE[epilogue]]
:日付:[TIME[1994-04-05]]
:説明:
[TIME[1994-04-05]]版 [CITE[HTML+]] [[DTD]]
に、
[CODE[prologue]],
[CODE[epilogue]]
がある。
[SRC[HTML+19940405]]
現在の 
[CODE[header]],
[CODE[footer]]
に近いが、
[CODE[body]]
の最初と最後に1つずつ配置できる。

]FIG]

- [30] 
[CITE@en['''['''ac''']''' (0) Introduce a new <header> element.]], [[Hixie]], [TIME[2009-05-01 03:07:19 +09:00]], [TIME[2024-09-04T13:50:48.000Z]] <https://github.com/whatwg/html/commit/a729fd0c57b9a8cc7ed783a03e72cfc74549c9db>
- [31] 
[CITE@en['''['''e''']''' (0) Clarify <header>/<hgroup> etc.]], [[Hixie]], [TIME[2009-05-01 03:39:50 +09:00]], [TIME[2024-09-04T13:51:05.000Z]] <https://github.com/whatwg/html/commit/b3e77f6f1a15c5cc7fedc9e16b4a480426b2e07e>


[FIG(data)[ [32] [[HTML要素概説]]

:[F[要素名]]:[CODE[header]]
:日付:[TIME[2009-04-30T03:07:19+09:00]],
:説明:
[TIME[2009-04-30]]、
[CITE[HTML5]]
に
[CODE[header]]
が追加された。
現行仕様である。
:出典:
[REFS[

-
[CITE[HTML5 r3040]],
[DATA(.author)[[[Hixie]]]], 
[TIME(.published)[2009-05-01 03:07:19 +09:00]], [TIME[2024-09-04T13:50:48.000Z]] <https://github.com/whatwg/html/commit/a729fd0c57b9a8cc7ed783a03e72cfc74549c9db>

]REFS]

]FIG]





@@ ・・・・


[17] [CITE@en[(X)HTML5 Tracking]]
([TIME[2009-08-22 16:03:59 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=3039&to=3040>

[18] [CITE@en[(X)HTML5 Tracking]]
([TIME[2009-08-22 16:04:50 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=3038&to=3039>

[19] [CITE[''''''[''''''whatwg'''''']'''''' Elements to markup article headings]]
( ([TIME[2012-07-10 06:01:38 +09:00]] 版))
<http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-July/036578.html>

[FIG(quote)[
[FIGCAPTION[
[21] [CITE@ja[ココナラ - あなたの得意でハッピーが広がるワンコインマーケット]]
([TIME[2015-12-31 14:39:28 +09:00]] 版)
<https://coconala.com/>
]FIGCAPTION]

> <header id="mainHeader">
>   <div class="line">&nbsp;</div>
>   <div class="inner">
>     <div id="logo">
>       <img src="/images/before_login/logo.png" alt="ココナラ - あなたの得意でハッピーが広がるワンコインマーケット">
>     </div>
>             <div class="rightArea">
>       <div id="facebookLike"></div>
>       <a href="/pages/about" onClick="_gaq.push(['_trackEvent','top','click','header_pages_about']);">&gt;&gt;初めての方へ</a>
>       <a href="/login" onClick="_gaq.push(['_trackEvent','top','click','header_login']);">&gt;&gt;ログイン</a>
>     </div>
>       </div>
> </header>
> 

]FIG]


[FIG(quote)[
[FIGCAPTION[
[22] [CITE@ja[【今日は何の日?】あこぎという駅が開業 | 乗りものニュース]]
([TIME[2015-12-31 15:07:25 +09:00]] 版)
<http://trafficnews.jp/post/47402/>
]FIGCAPTION]

> <header>
> 	<div id="logo" class="header-wrapper">
> 		<h1><a href="http://trafficnews.jp/"><img src="http://trafficnews.jp/app/wp-content/themes/pc_v2/common/img/logo.png" alt="乗りものニュース"></a></h1>
> 	</div>
> 	<nav class="header-list-category">
> 

]FIG]


[23] [CITE@en[Restrict the main element to be used once per document]]
([[annevk]]著, [TIME[2018-01-23 17:10:16 +09:00]])
<https://github.com/whatwg/html/commit/1dec930b3df93c799d5f3f685a46940913476086>

[24] [CITE@en[Should header, footer have "Use WAI-ARIA mapping" when scoped to the body element? · Issue #119 · w3c/html-aam]]
([TIME[2018-02-07 13:32:29 +09:00]])
<https://github.com/w3c/html-aam/issues/119>

[25] [CITE@en[leverage CORE mappings / issue #119]]
([[jasonkiss]]著, [TIME[2018-02-07 07:29:32 +09:00]])
<https://github.com/w3c/html-aam/commit/a1a661d9874e2674cd99b7dda1cf6962dc91df1b>

[26] [CITE@en[Should header, footer have "Use WAI-ARIA mapping" when scoped to the body element? · Issue #119 · w3c/html-aam]]
([TIME[2018-05-08 21:22:44 +09:00]])
<https://github.com/w3c/html-aam/issues/119>