歴史

現・`head` 要素としての `header` 要素 (HTML1)

[12] header 要素は、最初 head 要素の意味で提案されていましたが、すぐに head に改名されました (head の歴史の項を参照)。

[1] かなり早い時期に改名されたにもかかわらず、 header タグが head タグの代わりに使われている例、最近の文書でもなぜかしばしば見かけます。 Web Applications 1.0, 違う意味に流用しちゃって大丈夫なんでしょうか? (名無しさん [sage] 2005-06-26 08:36:33 +00:00)

[3] PMosaic Documentation (2007-01-21 16:37:08 +09:00 版) http://gpg.com/pmosaic/docs/pmosaic-docs.html#gerdhtml に示された例文

<HTML>
<HEADER>
<TITLE>Sample use of Gerdsooz</TITLE>
</HEADER>

(名無しさん)

[4] (1995-02-15 01:06:12 +09:00 版) http://gpg.com/MERC/art/vowels.isi

<HTML>
<HEADER>
<TITLE>Sample Arabic Text</TITLE>
<BODY>
<PRE>

(名無しさん)

[5] lang:html <header(\s|>) - Google Code Search (2007-03-25 14:25:58 +09:00 版) http://www.google.com/codesearch?q=+lang:html+%3Cheader(%5Cs%7C%3E)

多いのか少ないのか微妙。

[13] >>5 これから header as in HTML5 が普及したら結果がわからなくなるから、スナップショットを撮っといたよー。

Entries Associated with http://www.google.com/codesearch?q=+lang:html+%3Cheader(%5Cs%7C%3E) (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] A Beginner's Guide to HTML (2003-08-15 22:48:58 +09:00 版) http://ccat.sas.upenn.edu/jod/primer.html

header を使っている。これがいつのかはわからないが、

HTML入門 (1995/6/1 編集) (1997-12-24 11:02:35 +09:00 版) http://web.archive.org/web/19980131092758/ringo.sfc.keio.ac.jp/otherdocuments/html.html

という1995年の日本語訳でも header が使われている。

訳の方では header も head も登場していない例文が、原文の方では head を使っているのにも注目。 (つまり原文の方が日付が新しい。) (名無しさん)

[7] >>6 原文の head が追加されている方の日付は1995年4月になっている。。。

[33]

KNR-online, 2025-11-24T04:23:26.000Z

https://web.archive.org/web/20001211135600id_/http://www.knr.gl/dansk.htm

<!-- 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">

[34] null, 2025-11-24T04:25:08.000Z https://web.archive.org/web/20010121130400id_/http://www.knr.gl/aboutknr/medarb.htm

<!-- 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%,*">

  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>

よくわからない用例

[2] PMosaic Documentation (2007-01-21 16:37:08 +09:00 版) http://gpg.com/pmosaic/docs/pmosaic-docs.html

<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>

>>3 と同じ文書からです。何らかの自動整形が header as head に対応してなくて壊しちゃったのでしょうか。

現・`hgroup` 要素としての `header` 要素 (Web Applications 1.0)

[14] Web Applications 1.0/HTML5 では header 要素が定義されましたが、当初その意味は現在の hgroup 要素に相当するものでした。

[27] Web Applications 1.0, 2024-09-01T08:44:52.000Z, 2004-12-10T06:02:35.522Z https://web.archive.org/web/20041210054847/http://www.whatwg.org/specs/web-apps/current-work/#specific

[104]

HTML要素概説

要素名

header

日付

2004-09-23

説明

2004-09-23版 Web Applications 1.0 に header がある。現在の hgroup に当たる。

出典

Web Applications 1.0, WHATWG, Ian Hickson, Working Draft, 8 December 20042004-12-08, 2024-09-01T08:36:36.000Z, 2004-12-10T05:54:20.058Z https://web.archive.org/web/20041210054847/http://www.whatwg.org/specs/web-apps/current-work/

[16] 2009年4月に旧 header は hgroup に改名され、新たに別の header が導入されました。

改名の議論

IRC logs: freenode / #whatwg / 20090327 (2009-05-21 22:33:25 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090327
IRC logs: freenode / #whatwg / 20090331 (2009-06-07 11:12:08 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090331
IRC logs: freenode / #whatwg / 20090407 (2009-06-19 08:14:07 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090407#l-465
IRC logs: freenode / #whatwg / 20090430 (2009-08-03 07:48:22 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090430

[28] [ac] (0) Rename <header> to <hgroup> and restrict it just to supporti…, Hixie, 2009-05-01 02:37:30 +09:00, 2024-09-04T13:47:48.000Z https://github.com/whatwg/html/commit/7e9b2d1b87f50e2da6d6a8cb8fe2d6fcbae6cae4

[29]

HTML要素概説

要素名

header

要素名

hgroup

日付

2009-04-30T02:37:30+09:00,

説明

2009-04-30、 HTML5 の header は hgroup に改称された。現行仕様である。

出典

HTML5 r3039, Hixie, 2009-05-01 02:37:30 +09:00, 2024-09-04T13:47:48.000Z https://github.com/whatwg/html/commit/7e9b2d1b87f50e2da6d6a8cb8fe2d6fcbae6cae4

[15]

hgroup 要素の意味や改名後の歴史については hgroup 要素の項を参照してください。

`header` 要素 (現・ `hgroup` 要素) に関する記事

[8] TRANS - h1要素の話とHTML5のheader要素とかの話について (2007-07-12 09:36:05 +09:00 版) http://d.hatena.ne.jp/aratako0/20070706/p1 (名無しさん)

[9] h1とかheaderとか|junk diary (2007-07-11 23:44:25 +09:00 版) http://blog.2inc.org/2007/07/h1header.html (名無しさん)

[10] TRANS - Re: h1とかheaderとか (2007-07-12 09:36:05 +09:00 版) http://d.hatena.ne.jp/aratako0/20070709/p1 (名無しさん)

[11] >>8-10 何の話をしているのかよくわかりません。 HTML 5 の header の意味は (今のところ) 仕様書に書いてある通りのことだけでしょうに。

`header` 要素 (HTML5)

[216]

HTML要素概説

要素名: prologue
要素名: epilogue
日付: 1994-04-05
説明: 1994-04-05版 HTML+ DTD に、 prologue, epilogue がある。 HTML+19940405 現在の header, footer に近いが、 body の最初と最後に1つずつ配置できる。

[30] [ac] (0) Introduce a new <header> element., Hixie, 2009-05-01 03:07:19 +09:00, 2024-09-04T13:50:48.000Z https://github.com/whatwg/html/commit/a729fd0c57b9a8cc7ed783a03e72cfc74549c9db
[31] [e] (0) Clarify <header>/<hgroup> etc., Hixie, 2009-05-01 03:39:50 +09:00, 2024-09-04T13:51:05.000Z https://github.com/whatwg/html/commit/b3e77f6f1a15c5cc7fedc9e16b4a480426b2e07e

[32]

HTML要素概説

要素名

header

日付

2009-04-30T03:07:19+09:00,

説明

2009-04-30、 HTML5 に header が追加された。現行仕様である。

出典

HTML5 r3040, Hixie, 2009-05-01 03:07:19 +09:00, 2024-09-04T13:50:48.000Z https://github.com/whatwg/html/commit/a729fd0c57b9a8cc7ed783a03e72cfc74549c9db

・・・・

[17] (X)HTML5 Tracking (2009-08-22 16:03:59 +09:00 版) http://html5.org/tools/web-apps-tracker?from=3039&to=3040

[18] (X)HTML5 Tracking (2009-08-22 16:04:50 +09:00 版) http://html5.org/tools/web-apps-tracker?from=3038&to=3039

[19] [whatwg] Elements to markup article headings ( (2012-07-10 06:01:38 +09:00 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-July/036578.html

[21]

ココナラ - あなたの得意でハッピーが広がるワンコインマーケット (2015-12-31 14:39:28 +09:00 版) https://coconala.com/

<header id="mainHeader">
<div class="line"> </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']);">>>初めての方へ</a>
<a href="/login" onClick="_gaq.push(['_trackEvent','top','click','header_login']);">>>ログイン</a>
</div>
</div>
</header>

[22]

【今日は何の日?】あこぎという駅が開業 | 乗りものニュース (2015-12-31 15:07:25 +09:00 版) http://trafficnews.jp/post/47402/

<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">

[23] Restrict the main element to be used once per document (annevk著, 2018-01-23 17:10:16 +09:00) https://github.com/whatwg/html/commit/1dec930b3df93c799d5f3f685a46940913476086

[24] Should header, footer have "Use WAI-ARIA mapping" when scoped to the body element? · Issue #119 · w3c/html-aam (2018-02-07 13:32:29 +09:00) https://github.com/w3c/html-aam/issues/119

[25] leverage CORE mappings / issue #119 (jasonkiss著, 2018-02-07 07:29:32 +09:00) https://github.com/w3c/html-aam/commit/a1a661d9874e2674cd99b7dda1cf6962dc91df1b

[26] Should header, footer have "Use WAI-ARIA mapping" when scoped to the body element? · Issue #119 · w3c/html-aam (2018-05-08 21:22:44 +09:00) https://github.com/w3c/html-aam/issues/119

意味

歴史

現・head 要素としての header 要素 (HTML1)

よくわからない用例

現・hgroup 要素としての header 要素 (Web Applications 1.0)

header 要素 (現・ hgroup 要素) に関する記事

header 要素 (HTML5)

現・`head` 要素としての `header` 要素 (HTML1)

現・`hgroup` 要素としての `header` 要素 (Web Applications 1.0)

`header` 要素 (現・ `hgroup` 要素) に関する記事

`header` 要素 (HTML5)