hn 要素型群 (SGML)

[25] SGML では一般に古くから見出し (heading) を表す要素型として hn がよく使われています。

付番は 1 から始まって数個程度で、 h0 が使われることもたまにあります。

[26] LaTeX 式の chapter, subsection のような名前による区分とは異なり、 何も考えずに番号で深さを表現できる点で優れています (と考えた人が hn 式見出し・章節構造を採用しています)。

[27] 採用例:

• JIS X 4151
  • 参考3 4.2.3 の例文 (純) h1〜h4
  • 参考6 1. の DTD 例 (節) h0〜h4
• HTML (純) h1〜h8
  • JIS X 4052:2000 (非 SGML応用) (純) h1〜h3
• ICADD (純) h1〜h6

[28] 純粋見出し方式: hn はその名の通り、 見出しそのものを表します。見出しを含む章節は、 他の要素型によって明示・暗示される場合もあれば、 SGML 的には表現されずにその応用独自の方法や発見的方法でのみ得られる場合もあります (ISO-HTML 準備用は前者、標準の HTML は後者)。

例:

<h1>大見出し
<p>章の内容
<h2>小見出し
<p>節の内容
<h2>小見出し
<p>別の節の内容

要素型定義の例:

<!ENTITY % Heading "h1 | h2 | h3 | h4">
<!ELEMENT (%Heading) - o %Inline;>
<!ELEMENT p - o %Flow; -(%Heading)>

[29] 章節開始位置方式: hn は見出しの開始を表すタグとして使いますが、 実はその章全体を含む要素になっています。

例:

<h1>大見出し
<p>章の内容
<h2>小見出し
<p>節の内容
<h2>小見出し
<p>別の節の内容

この例のように、文書実現値だけを見れば >>28 の場合と同じですが、 次のような要素型定義を使うと、異なった文書木が得られます。

要素型定義の例:

<!-- Section -->
<!ELEMENT h1 - o (h1t, (%Block)*, h2*)>
<!ELEMENT h2 - o (h2t, (%Block)*, h3*)>
<!ELEMENT h3 - o (h3t, (%Block)*, h4*)>
<!ELEMENT h4 - o (h4t, (%Block)*)>
<!-- Proper Heading -->
<!ELEMENT h1t o o %Inline>
<!ELEMENT h2t o o %Inline>
<!ELEMENT h3t o o %Inline>
<!ELEMENT h4t o o %Inline>

この要素型定義を使うと、先の例は次のように解釈されます。

<h1><h1t>大見出し
</h1t><p>章の内容
</p><h2><h2t>小見出し
</h2t><p>節の内容
</p></h2><h2><h2t>小見出し
</h2t><p>別の節の内容
</p></h2></h1>

[30] 付番方式: 深さを要素型名の番号で表す際の宣言とマークの便宜のために、 SGML には付番という機能があります。 (折角用意されているのに optional な機能なのでほとんど使われていません。)

例:

<h1>大見出し
<p>章の内容
<h2>小見出し
<p>節の内容
<p>同じ節の内容
<h>小見出し
<p>別の節の内容

実は >>28-29 と同じ例でも良いのですが、 付番の省略の機能を使うように少し変えてみました。

要素型定義の例:

<!ELEMENT (h | p) 1 - o %Inline>
<!ELEMENT (h | p) 2 - o %Inline>
<!ELEMENT (h | p) 3 - o %Inline>
<!ELEMENT (h | p) 4 - o %Inline>

先の例は、次のように解釈されます。

<h1>大見出し
<p1>章の内容
<h2>小見出し
<p2>節の内容
<p2>同じ節の内容
<h2>小見出し
<p2>別の節の内容

HTML への導入

[31] hn は HTML の最初期 (おそらく本当に一番最初) から存在する要素型で、 古い仕様書 (例えば1992年1月のもの http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1992.messages/0.html) によれば、 CERN SGML Guide, ひいては AAP tag set (後の ISO/IEC 12083) に由来しているそうです。

[127] Tags used in HTML, 1992-11-13T08:29:05.000Z, 2024-09-20T08:42:30.581Z https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html

[128] history - Why are h1-h6 different tag names in HTML? - Stack Overflow, 2024-09-20T08:43:51.000Z https://stackoverflow.com/questions/18263155/why-are-h1-h6-different-tag-names-in-html

[131] EMail Msg <9301142323.AA26924@pixel.convex.com>, 1995-08-08T03:09:27.000Z, 2024-09-30T08:42:20.913Z https://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q1.messages/66.html

[132] >>131 の最初の方、 これは hn の議論ではないのだけど、なので実用例に準ずるものとして逆に興味深い DanC のメール。 h1 の次に h3 を使っている。

[133] >>131 の後の方では h5, h6 を削除するか?逆に h9 まで作るか?の話もしている。

h7, h8, ...

[14] h7 は一般的には (次の幻の h8 要素とあわせて) 誤りとされるが、 WebExplorer が実装していることは有名。他にも細々とした実装ではあるらしい。

• [103] bubble hour - 2001/11 #2 http://www1.odn.ne.jp/bungaku-shitsu/appendix/diary/d0111-2.html#day16-10: MacIE5 にもあるらしい。
• [104] Hx http://v2.rl.ac.uk/DELPHI/Adye/blooberry/html-old/tagpages/h/heading.htm: Mosaic 1.0 に H7 が実装されていたらしい。他にも Mosaic で実装されていたとの証言あり

[105] でも Mosaic にあったのに、なぜ NN や WinIE は引き継がなかったのだろう。

[110] A Guide to the Internet Connection Servers - SG244805.PDF, 2009-11-28T06:54:29.000Z, 2024-08-18T13:22:08.975Z http://ps-2.kev009.com/rs6000/redbook-cd/SG244805.PDF#page=26

[111] >>110 この WebExplorer の説明には h6 までしかない。

[114] Webexplorer not recognizing <h4> html tags, 1995-03-25, 2024-08-18T15:14:33.000Z https://groups.google.com/g/comp.os.os2.apps/c/tOTiqO34JYk/m/OKuOXglkLsoJ

I get normal sized text, followed by very large down to small at h6 (h4 works fine too). h7 is the same as h6. If I go to h8 or higher, they are default. h7 is recognized by WE since it appears on its own line. h8 and up are not recognized, as they will all appear on the same line (if that doesn't make sense, try it- then it should).

[106] W3O の libwww は、1993年に、 HTML+ の I-D 00 にある要素型に加えて H7 を追加したとあります。 (後に削除されたので、今はありません。) HTML+ への追加予定があったのかは不明ですが、 W3O 的にとりあえず実装に入れてたということで。: libwww/Library/src/HTMLPDTD.html - view - 2.1 http://dev.w3.org/cvsweb/libwww/Library/src/HTMLPDTD.html?rev=2.1&content-type=text/x-cvsweb-markup

[107] こんなのもあった: www linemode browser changes (tweaks really) <199406020236.VAA02672@austin.BSDI.COM> http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1994q2.messages/749.html

[108] かつて http://www.microsoft.com/windows/ie/ie20html.htm にあった IE2.0 の HTML reference には、 h7 要素型が載っていたそうです。しかし、同時期に M$ の人が書いた IE2 用 DTD にはそれは載っていません。実装されていたのか謎です。HTML-WG Archives -- March 1996 (#57) http://listserv.heanet.ie/cgi-bin/wa?A2=ind9603&L=html-wg&D=0&T=0&P=6694&D=1#MSGHDR-PRE

[109] >>106 それに対応する変更履歴によると、libwwwの構文解析器をHTML+対応にするにあたって要素型等の情報を書き足したようですが、 HTML+になくて、それまで使われていた (おそらくはlibwww構文解析器でも実装されていた) comment, h7, html, xmp, listing, plaintextは後方互換性のために残したようです。 このうちのcommentとlistingとplaintextは、libwwwおよび前身のLine Mode Browserの変更履歴に追加された旨の記述がありますから、h7は (記述漏れでなければ) 1991年頃からずっと実装されていたことになります。

• [9] Change History for W3C Sample Code Library http://www.w3.org/Library/User/History.html#z8

[64] Web Workshop - Cascading Style Sheets in Internet Explorer 4, George Young, 2024-08-17T03:08:19.000Z, 2000-11-19T08:55:01.645Z https://web.archive.org/web/20001119085400/http://msdn.microsoft.com/workshop/author/css/CSS-IE4.asp#basics

Perhaps the most notable and immediate effect of using CSS is that the HTML in your documents becomes significantly cleaner as you lose the need to stuff your document with tags whose sole purpose is layout tweaking (what I call "twags"). An extension of this is that, no longer needing to use "twags" such as <FONT FACE=…>, <FONT SIZE=…>, and <FONT COLOR=…>, you may find yourself returning to long-forgotten basic elements like the full range of heading tags (<H1>...<H7>), <STRONG>, <OL>, and such.

[82] Hn Element | Hn Object, InetSDK, 2024-08-17T04:10:32.000Z, 2000-10-29T19:53:31.571Z https://web.archive.org/web/20001029190205/http://www.msdn.microsoft.com/workshop/author/dhtml/reference/objects/Hn.asp

Use H1 through H6 to specify different sizes and styles of headings.

[15] NetBeans.jp NetBeans 日本コミュニティー http://www.netbeans.jp/index.htm

<td valign=top colspan=2 height= > <h7> </h7>

なにこれ? (名無しさん 2006-02-12 12:28:12 +00:00)

• [10] Semantic Frenzy &#187; XHTML Deluxe (2007-08-14 22:12:57 +09:00 版) http://www.prugo.de/blog/xhtml-deluxe/
  • [96] 消滅確認 2024-08-18T01:05:57.500Z
  • [97] Semantic Frenzy » XHTML Deluxe, 2024-08-18T01:05:30.000Z, 2006-12-01T05:26:15.603Z https://web.archive.org/web/20061201052610/http://www.prugo.de/blog/xhtml-deluxe/
  • [99] 2024-08-18T01:07:29.000Z https://www.prugo.de/dtd/deluxe_10/xhtml-deluxe10.dtd
    • [100] こちらは残っている 2024-08-18T01:07:56.400Z

[98] >>10 h7-h10

[17] Mosaic のソースコードによると h7 まで実装されていた模様であります。

• [95] null, 2024-08-18T01:03:33.000Z, 2003-02-21T13:35:03.868Z https://web.archive.org/web/20030221133328/http://www.users.cloud9.net/~proteus/
  • [18] Module spug.web.html http://www.users.cloud9.net/~proteus/spug/web/html.html
    • [93] 消滅確認 2024-08-18T00:59:09.400Z
    • [94] Module spug.web.html, 2024-08-18T00:58:51.000Z, 2000-12-17T13:20:32.796Z https://web.archive.org/web/20001217132000/http://www.users.cloud9.net/~proteus/spug/web/html.html

[92] >>18 この実装ではなんと h9 まである。 HTML 生成に使うライブラリーだったらしい。

• [19] HTML Cheat sheet http://www.unc.edu/~twtaylor/teaching/29/web/cheat.html
  • [88] 消滅確認 2024-08-18T00:52:00.00Z
  • [90] HTML Cheat sheet, 2024-08-18T00:51:30.000Z, 2003-05-07T23:34:50.210Z https://web.archive.org/web/20030507233444/http://www.unc.edu/~twtaylor/teaching/29/web/cheat.html

[87] >>19 この解説には h10 要素もある。

[20] n は1〜7がありますと説明したすぐ後の「実例」で、1〜6しか示していない解説が複数ある。ブラウザの表示を見て変だなあと思ったのだろうか。どうして h7 の存在まで疑わなかったのだろう。

[23] Hn 要素型の n は標準の HTML では 1〜6 なんだけど、 7 も存在するという根強い信仰がある。

[32] 信仰 (解説や実際に使った文書) だけではなく、実装も存在するからややこしい。有名なところでは IBM WebExplorer が実装していた。 (実装が存在する以上、単なる妄想ではなく独自拡張に分類される。もちろん、実際に信じている人の多くはそんなことは知らず、勘違いなのだろう。その辺が話をややこしくする原因だ。)

[33] 更に、 h8, h9, 果ては h10 まで「存在」しているらしい。 H256 辺りまで実在するのじゃないかと疑いたくなる(w

[36] 「7 以上になると文字の大きさは変わりません。」などという恐ろしい解説まであったりする。なんだかなあ。

[37] font 要素の size 属性の値の取り得る整数値が 7 までであることに由来する勘違いだという説もあるけど、本当にそうなのか不明。 (この命題の否定は、 font/@size 登場以前の H7 の解説を発見すればよいのかな?)

[38] ちなみに Hn 要素型群のことを、他に Hx とか H とか呼んだりします。但し単に H と呼ぶのは XHTML 2.0 の h 要素型と紛らわしいですし、しない方が良いでしょう。

• [10] H0 要素型の存在を信じる人もわずかにいるみたい。すごいなぁ。
• [11] >>10 は夢のない人でつね
• [12] 今 >>11 がいいこと言った

[39] http://www.oasis-open.org/cover/nitf-x-dtd.txt の NITF というマーク付け言語は HTML に語彙を付け足したような感じの XML 応用なんだけど、ここには h1〜h8 が定義されていました

[42] 流石に H11 以降は見つからないなぁ。

[112] Overview — Portal http://dev.cellml.org/

ここが h7 と h8 を 使っています。 Plone というソフトウェアを使っているので、それについてきた雛形かもしれませんが、 調べてみたもののわかりませんでした (要素型名で検索できないし)。 (名無しさん 2005-04-11 13:28:11 +00:00)

不思議解釈

[113] 《三井住友銀行グループ》プロミス-キャッシング比較・オールナビ (2007-08-02 21:56:23 +09:00 版) http://www.cashing-navi.jp/promise.html#bsetHeading76

(cache) 《三井住友銀行グループ》プロミス-キャッシング比較・オールナビ (2007-08-02 21:59:32 +09:00 版) http://megalodon.jp/?url=http://www.cashing-navi.jp/promise.html&date=20070802215934

h1〜h6 が順に1個ずつ使われています。

これが構造的に正しいのかは書いた人以外なんともいえませんが。。。

HTML4

章節構造

• [43] Hatena::agenda - 邦訳HTML文書支援#02 見出しレベルのgetter (2007-06-24 13:03:23 +09:00 版) http://d.hatena.ne.jp/jintrick/20070624 (名無しさん 2007-06-24 06:54:08 +00:00)
  • 移転確認 2022-06-14T14:06:21.00Z
  • 2007-06-24, 2022-06-14T14:05:50.000Z https://jintrick.hatenadiary.org/entries/2007/06/24

[86] CEA-2014-B

DTBook

[45] DTBook には HTML 同様の h1, h2, h3, h4, h5, h6 があります。

[46] level 用の levelhd があります。 <levelhd depth> で階数を指定でき、 6 を超えた値も指定できます。

[47] list や sidebar 用の hd があります。

[48] 他に図表の caption, 文書全体の doctitle, HTML 同様の文書のメタ情報としての title があります。

• [44] DAISY ANSI/NISO Z39.86-2002 - The DAISY Consortium, 2023-11-26T05:17:33.000Z https://daisy.org/info-help/document-archive/archived-projects/daisy-ansi-niso-z39-86-2002-archived/

電子書籍交換フォーマット

[49] 電子書籍交換フォーマットには h9 まであります。

XHTML2 h 要素

[58] XHTML2 の最初の作業原案で従来の h1~h6 各要素とは別に h 要素が導入されました。 同時に導入された section 要素によって明示された章節の見出しを表すものでした。

[61] 新たな h 要素に加えて hn 要素が削除されずに残されていることに対する非難も多く、旧 HTML WG (後の XHTML2 WG) も検討課題に挙げていましたが、仕様自体がそのまま放置され続けました。

[59] Semantic Frenzy &#187; Headings in XHTML 2 (2007-08-14 22:15:05 +09:00 版) http://www.prugo.de/blog/headings-in-xhtml-2/

[60] HTML5 に対しても h 要素を導入するべきだとする意見がありましたが、 h1 要素が意味的には h 要素と同じであり、かつ後方互換性もあるとして却下されています。

不思議解釈

[3] hn 要素型群が見出しであるとしながらも、 文字の大きさを変えるのに使うこともできると説明している文章もあります。 後者の間違った用法しか説明しない完璧な不思議解説もいやらしいですが、 この種のもなあ。

[4] 見出し要素型群がまともに使ってもらえなくなったのって、 絶対 NN の既定のスタイルシート (もしかしたら mosaic のも。) で見出しの大きさがはちゃめちゃだった影響が8割くらいありますよね。

見出し水準1は馬鹿でかいし、 水準4以下は普通の文字よりも小さい。 普通の文字より小さい見出しがいったいどこの世の中にありますか。

であるからにして、 NN が登場してから CSS が普及するまで、 見出しタグを使うとウェブ頁が正視に堪えられなくなるという状態だったわけですよ。 ふと目をそらせば font タグが漂っている。どっちが常識的な選択かは明らかでしょ。

[5] もちろん、 >>4 は昔話であって、 現代でありながら見出しを正しく使っていない文書の著者は間抜けですよ。

[6] (よくわからないけど仮に mosaic でも NN みたいにまともじゃない見出しの文字の大きさだったとして、) mosaic の多く (多分、ある時点よりあとの版) は利用者設定のスタイルシートを実装していて、 見出しの文字の大きさも自分で指定できたと思うのですけど、 できたからといってちゃんとまともな大きさにしていた人がどれだけいたか。

[35] 検索円陣 spam: hn は他よりも重みが大きいと推測して、 SEO と称して hn を検索円陣spam 行為に使い出す阿呆な人が出てきました。

その後、 hn は検索円陣spam に使われるので検索円陣は減点すると推測して、 SEO と称して hn は全く使わないのが良いなどと言い出す阿呆な人が出てきました。

[54] スクリーンリーダーなど特定の利用者エージェントのレンダリングを根拠に、 サイト名は最初にレンダリングされるべき重要な情報ではないとして、 サイト名を h1 とするのは好ましくないと主張する人もいます。

DTBook

章節構造

HTML5

ARIA

[117] Scholarly HTML, 2016-03-18T20:01:32.000Z, 2024-09-08T14:58:48.400Z https://w3c.github.io/scholarly-html/#arialevelexample

[118] >>117 h6 + aria-level=7 で h7 を表せるとしていた。

[119] >>118 こんなのは濫用以外の何者でもないと思うが。