header

header 要素 (HTML)

目次

  1. 意味
  2. 歴史
    1. 現・head 要素としての header 要素 (HTML1)
    2. よくわからない用例
    3. 現・hgroup 要素としての header 要素 (Web Applications 1.0)
      1. header 要素 (現・ hgroup 要素) に関する記事
    4. header 要素 (HTML5)

意味#

[20] 章節Webサイトの見出しも参照。

歴史#

現・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) ( 版) 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 が使われている。

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

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

よくわからない用例#

[2] PMosaic Documentation ( 版) 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, , https://web.archive.org/web/20041210054847/http://www.whatwg.org/specs/web-apps/current-work/#specific

[104] HTML要素概説
要素名
header
日付
説明
Web Applications 1.0header がある。 現在の hgroup に当たる。
出典

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

[29] HTML要素概説
要素名
header
要素名
hgroup
日付
,
説明
HTML5headerhgroup に改称された。 現行仕様である。
出典
[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 5header の意味は (今のところ) 仕様書に書いてある通りのことだけでしょうに。

header 要素 (HTML5)#

[216] HTML要素概説
要素名
prologue
要素名
epilogue
日付
説明
HTML+ DTD に、 prologue, epilogue がある。 HTML+19940405 現在の header, footer に近いが、 body の最初と最後に1つずつ配置できる。
[32] HTML要素概説
要素名
header
日付
,
説明
HTML5header が追加された。 現行仕様である。
出典
・・・・

[17] (X)HTML5 Tracking ( 版) http://html5.org/tools/web-apps-tracker?from=3039&to=3040

[18] (X)HTML5 Tracking ( 版) http://html5.org/tools/web-apps-tracker?from=3038&to=3039

[19] [whatwg] Elements to markup article headings ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-July/036578.html

[21] ココナラ - あなたの得意でハッピーが広がるワンコインマーケット ( 版) https://coconala.com/

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

[22] 【今日は何の日?】あこぎという駅が開業 | 乗りものニュース ( 版) 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著, ) 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 () https://github.com/w3c/html-aam/issues/119

[25] leverage CORE mappings / issue #119 (jasonkiss著, ) 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 () https://github.com/w3c/html-aam/issues/119