見出しとページ名

見出しとサイト名

[64] Webサイトのサイト名は見出しではなく、 hn を使うべきではないと主張する人もいました。

[25] 現実的にも理論的にも、あまり意味のある主張とは思えません。

[50] >>49 論旨には同意しますが、そこで言われている要素は SGML 以来の専門用語としての要素とは違うのでは。

和文の見出し

[53] 見出しのラベル名・番号の利用 | JAGAT, 2022-09-05T11:37:57.000Z https://www.jagat.or.jp/archives/1933

[56] 小見出しの配置方法 | JAGAT, 2022-09-05T11:40:00.000Z https://www.jagat.or.jp/archives/2992

非 HTML 文書中の HTML 素片

[26] Weblog のフィードに含まれる HTML 素片では、 対応する HTML 文書中で使われる見出しの階数と同じ階数の要素がそのまま使われていることがあります。

[27] 例えば、 HTML 版で記事内の見出しに h4 要素が使われている場合に、 Atom フィードの content 要素内でもそのまま h4 要素が使われていることがあります。

SGML における階数 (付番)

階数

HTML4 における見出しの階数

[14] 付番 (rank) n (注 >>15) は、 HTML 4 をはじめとする IETF や W3C の規定する HTML 仕様では 1〜6 が定義されています。

HTML 4 仕様書によれば、 h1 が最も重要度が高い見出し、 h6 が最も重要度が低い見出しです。

[15] 注意: SGML 的 (SGML宣言および DTD 的) 意味では n は付番とは言えませんが、付番は付番です (開き直り)。

[117] Word 9 は 7 を超えると、 class が MsoHeading8 のような p, div または li を吐く模様です。 9 まで確認されています。

[118] >>117 Word 10 でも同じ。

[119] 付番を文書ではなく文書群に対するものと考える人も少なくないようですが、 それは誤りです。 (toc.html は h1 からはじめて、 section1.html は h2 からはじめて、 section1-subsection2.html は h3 からはじめて、・・・というような使い方は誤り。)

元々付番は文書の中で使うもので、文書群なんてものは考えられていません。

(しかし想定外なのですから、 文書の一部分を別の文書に持っていった際に付番はそのままにしたようなもの、 と考えるのも悪くはない気がしますね。どうしたものでしょう?)

[20] LaTeX で part とか chapter がなくて section が最上位だったりするのは普通なことですから、 SGML や HTML で h2 くらいから始まっていても悪くはないような気もします。付番の最初は SGML 的には規定されていませんし。

やっぱり XHTML 2 のような見出しの水準に中立なモデル化が何も考えずに済むので便利でしょうかね。

[32] HTML が 1〜6 を標準として持っているのは歴史的な事情で、 それ以上の深い理由はありません。 hn 良い文書は 1〜4 程度に収めるべきだとか、 実際には 1〜3 くらいしか見かけないなあとか、 でもでかい文書のためには 1〜9 くらいあった方が良いとか、 色々言われてきましたが結局上限を変える程の根拠も無く、 現在に至っています。

[33] HTML 4 DTD の注釈 (参考) には There are six levels of headings from H1 (the most important) to H6 (the least important). と書かれています。

付番の飛び越し

[9] たとえば

<h1/>
<p>
<h3/>
<p>

のように、 h2 の抜けた HTML文書があります。 HTML 2 や HTML 4 の DTD 的にはこのような文書も妥当 (valid) です。

[10] しかしながら、見出しの水準は飛ばすべきではありません RFC 1866 5.4. し、飛ばすのを良く思わない人もいます HTML 4。 飛ばすことによって他の形式への変換に支障をきたすこともあります RFC 1866 5.4.。

[36] h要素について考える -アクセシビリティ・アーキテクチャー技術開発メモ http://www.infoaxia.com/tools/blog/archives/2005/04/hx.html

この文書では、見出しの付番を飛ばしたくなる理由の一つとして、 文書が意味的に記述する内容における構造 (この例では、会社組織の部や課のような構造) と文書の構造を整合させたい (が、課がない部があったりする) という要求を挙げています。

心情的には理解できますが、付番の本来の semantics (章や節のような単純な入れ子関係を表すに過ぎない。) からすると無理にあわせようとする必要は無いわけでして。

メモ: データ構造なら

<組織>
  <部>
    <課>
      <社員/>
    </課>
  </部>
  <部>
    <社員/>
  </部>
</組織>

のように付番を飛ばしたようなことをしても問題ないのですが、 HTML は文書マーク付け言語ですからね。

[38] >>37 のように記述内容の意味に引っ張られてしまうのは、 やっぱり HTML の hn によって章節を暗示する (section を使わない) 方法とか、 chapter や section のような名前によるレベル分けではなくて付番を使っている代償なのかなあ。

と思ったのだけど、名前を使ったところで記述内容の意味に引っ張られて chapter の真下に subsection を入れたいという要求はやっぱり出てきそうだ。

[39] >>10 HTML 4.0 で飛ばすのは良くないとされていたのが HTML 4.01 で飛ばすのはよくないと考える人もいるに改められたという説がありますが、 誤りです。

ISO-HTML

[31] ISO-HTML は見出しの構造について特に定めていました。

[34] 関連記事: pre-html, ISO-HTML

[35] 平成時代中期の日本の一部のWeb制作者らの間ではなぜか ISO-HTML に強い関心が持たれていました。

[55] そうした人々の間では、 見出しの記述方法を含む ISO-HTML の特徴に対する賛否が議論されていました。

[54] ただ残念ながらその議論は ISO-HTML が好ましいかどうかの政治的、宗教的な flame に終始しており、 技術的に見るべき所はほとんどなさそうです。 ISO-HTML

• [40] ISO-HTMLでの見出し、address要素などについて, MK, Original July 13, 2001, Updated December 3, 2001, 2022-06-15T09:05:23.000Z, 2002-02-13T12:18:12.655Z https://web.archive.org/web/20020212101731/http://www.kanzaki.com/docs/html/iso-html-note.html
• [41] 見出しの順序について, KANZAKI, Masahide, 2001-07-14初版公開; 2002-03-11改版; 2002-08-08更新; 2003-04-03一部修正, 2012-09-25T11:17:27.000Z, 2022-06-15T09:06:13.680Z https://www.kanzaki.com/docs/html/headings-note.html
• [40] HTML 及び XHTML 1.x の階層表記に関する文書, 2022-02-01T04:18:50.000Z, 2022-06-15T09:47:30.796Z https://robaq.info/html_document_structure.xhtml

DTBook

[87] DTBook には hn (n ∈ [ 1, 6 ]) のほか leveln (section に相当するもの) があって付番の深さが強制されてます。

[88] それと別系統で level (section 相当) と levelhd (hn 相当) があります。 level には depth 属性があります。

XHTML2

HTML5 アウトライン

[1] HTML 5 Outline Tester (2008-03-05 19:53:50 +09:00 版) http://james.html5.org/outliner.html

[2] Re: several messages about <section>, <p>, <hr>, and related subjects (Ian Hickson 著, 2008-02-27 16:17:56 +09:00 版) http://lists.w3.org/Archives/Public/public-html/2008Feb/0369.html

[3] IRC logs: freenode / #whatwg / 20090817 (2009-10-11 15:59:52 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090817#l-371

[4] HTML5 のセクションアウトラインを取得する JavaScript - IT戦記 (2009-09-14 15:48:59 +09:00 版) http://d.hatena.ne.jp/amachang/20090914/1252897184

[5] [whatwg] Various threads with feedback on HTML elements ( (2013-10-16 00:30:44 +09:00 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-October/041109.html

[6] Web Applications 1.0 r8357 Make the outline algorithm easier to edit by making it all explicit steps and breaking out the (currently still identical) steps for entering sectioning content vs sectioning roots. ( (2013-12-17 07:30:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=8356&to=8357

[7] Web Applications 1.0 r8358 Make the outline algorithm handle sectioning roots more sensibly ( (2013-12-17 07:44:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=8357&to=8358

[8] Web Applications 1.0 r8649 Make the outline algorithm also associate text nodes and comments with the sections ( (2014-05-24 05:05:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=8648&to=8649

[9] Web Applications 1.0 r8698 Add a section encouraging user agents (especially ATs) to expose the outline and headings ( (2014-08-02 08:14:00 +09:00 版)) http://html5.org/r/8698

[10] HTML5 Outliner - Chrome ウェブストア (2015-02-14 15:19:56 +09:00 版) https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo/

[11] HTML5 のセクションアウトラインを生成してみよう! - IT戦記 (2009-09-16 07:45:42 +09:00 版) http://d.hatena.ne.jp/amachang/20090915/1252999677

[12] Suggest adding a warning about outline algorithm · Issue #83 · whatwg/html (2015-09-02 11:17:08 +09:00 版) https://github.com/whatwg/html/issues/83

[13] IRC logs: freenode / #whatwg / 20090902 (2009-10-17 01:14:24 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090902#l-168

[16] IRC logs: freenode / #whatwg / 20090906 (2009-10-17 22:08:59 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090906#l-236

[17] tantek は #whatwg で、アウトラインは longdesc と同じく失敗だった、と言っている。著者は hn をブラウザーでどう表示されるかしか気にせず使うし、 div と section と article の違いもわかりゃしない。 AT が正しく見出しレベルをレンダリングするためにアウトラインが必要とかいうけど、 そもそもみんな正しく使ってないんだから役に立たないだろ、と。 2017-02-28T16:06:51.000Z

[18] SGML の付番の時代から始まって、 HTML2、HTML4、 ISO-HTML、HTML5 と章節の入れ子の扱いはマーク付け言語の設計者を引きつける伝統的な重大テーマなんですよね。 でも世間では設計者の思った通りには使ってもらえない。 そういう世間とマーク付け言語設計者の世界との乖離を解決していくのが WA1 時代前半のテーマの1つで、 SGML からの卒業、 longdesc の廃止、互換モードの標準化、 内容モデル制約の緩和、と順番に片付けていったはずなのだけど、今なお未解決のまま残されているのがこれ、 という見方ができるわけだ。

[19] HTML outline bookmarklet http://www.whatwg.org/specs/web-apps/current-work/#headings-and-sections (2018-08-20 15:22:25 +09:00) https://gist.github.com/wakaba/7887273

main

main

HTML Standard からの outline algorithm の削除

[57] HTML5 時代の outline algorithm は令和時代初期になって HTML Standard から削除されてしまいました。

[58] かわって outline という用語は定義されていますが、 文書中の要素の構造を考慮しないで見出しを取り出しただけで、 機能的には outline とは言いづらいものです。

[59] 新しい規定の元では、 h1 から h3 に飛ばすのは一応禁止されていますが、 h1 を使わないで h2 を使うようなケースは禁止しないと例示付きで示されているなど、 依然として付番の扱いは不統一、非合理的です。 この新しい規定も特段 Web の実態を調査するなど科学的方法で決められたものではなく、 現実と乖離しています。

[60] また、 section や article で示される章節構造と付番の不一致は一切禁止されておらず、 適合性検査器に対する HTML Standard の規定の有用性を毀損する形になっています。

[61] 従来通り章節構造を利用し見出しはすべて h1 を使っても新しい HTML Standard の規定には違反しません。 加えて、すべて h2 にしてもすべて h6 にしても構わなくなっています。

[65] 一応 h1 が1つはあるべきとはされていますが... 付番飛ばしが完全な禁止なのになぜこちらが完全な要求でないのか謎。

[62] つまり h1 の次を h3 にするような飛ばし方だけなぜか禁止されていますが、 それ以外は任意の見出しと章節構造の組み合わせが許される形になっています。 これは HTML4 の規定に近いですが、 HTML4 の規定 (というか推奨) より一貫性がなくわかりにくく、 25年前より更に退化したと言わざるを得ません。