web-dev-qa-db-ja.com

ほとんどのユーザーエージェントのデフォルトスタイルシートで、<h5>と<h6>のフォントサイズが<p>よりも小さいのはなぜですか？

HTML5の デフォルトの<h5>および<h6>セクション見出し のフォントサイズは0.83emおよび0.67emです。 、それぞれデフォルトの<p>フォントサイズは1emです。つまり、<h5>、<h6>、<p>タグを含むテキストのブロックでは、これらの見出しは見出しのテキストよりも小さくなります。

Default font sizes from h1 to h6 in relation to paragraph font size

（上記のデフォルトの本文フォントサイズは14pxです）

これは直観に反するように見えます。見出しは目を引き、セクションの開始を命じるものであり、フォントサイズは重要な視覚的手掛かりです。デフォルトのフォントサイズがこれらの見出しをその下のテキストよりも小さくする理由はありますか？

htmlcssfont-sizetypography
24
Sean

私は W3Cメーリングリスト を検索してきましたが、この決定に関する議論は見つかりませんでした。

これが私が推測できることです：

1995

HTML仕様の最初に公開されたバージョン（CSSが登場する前）は実際には 指定h4およびh5は「通常のフォント」サイズである必要があります。 h6のフォントサイズは明示的に指定されていませんが、通常のフォントサイズでもあると思います。

H3
         Italic, large font, slightly indented from the left
         margin. One or two blank lines above and below.

H4
         Bold, normal font, indented more than H3. One blank line
         above and below.

H5
         Italic, normal font, indented as H4. One blank line
         above.

H6
         Bold, indented same as normal text, more than H5. One
         blank line above.

1996

CSSが壊れました。または、実際には、シーンに足を踏み入れて broke にします。ブラウザの最初の推奨デフォルトスタイルシート 指定 のみ：

H1 { font-size: xx-large }
H2 { font-size: x-large }
H3 { font-size: large }

したがって、h4からh6は1emになります。

1997年

HTML 3.2は、ドキュメントテキストに関連するフォントサイズの推奨事項をすべて削除しました 推奨 のみ：

一般的に、重要度の高い見出しは、重要度の低い見出しよりも大きなフォントで表示されます。

これはCSS1と少し矛盾しますが、2つは当時は互いに統合されていませんでした。ほとんどのスタイリングは、インラインHTML属性を使用して行われましたが、これはまだ非推奨ではありませんでした。

1998年

CSS2が出て、それ自体の仕様からデフォルトのスタイルシートが削除され、代わりに リンク先 新しい HTML 4.0のサンプルスタイルシート HTMLの仕様。

これは、少なくとも私が知る限り、ヘッダーのOriginが1emよりも明示的に小さく設定されています。推奨されるHTML 4.0スタイルシートは、ほとんどのブラウザーが totoday をデフォルトとして保持する値を指定します。

H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
30
Jacob Ford

ああ、デジタル考古学！

したがって、これをInternet Explorer 3-4とNetscape Navigator 3-4のデフォルトの「スタイル」（厳密にはCSSではありません）までさかのぼることができることがわかります。具体的には、IE4pp2からプルされている可能性が高いですが、IE3で導入されています。 IE/Microsoftがこれらの値をどのように決定したかは、残念ながら、時間の砂の中に失われています（少なくとも公に-Microsoftの内部電子メールアーカイブで利用できる可能性があります... MSの従業員を知っている人はいますか？）。

以下のチェーンを再構築してみました。

Jacobが述べたように、1997年11月のCSS2の 初期のドラフト には、h5を.83emとして、h6を.67emとして定義する サンプルスタイルシート が含まれています。それはまた注意します：

基本スタイルシートは、すべてのHTML 4.0 [HTML40]）要素の視覚的なUAの典型的なレンダリングを記述します。スタイルシートは、現在のUAがHTMLをレンダリングする方法に関する広範な調査に基づいており、開発者は実装でデフォルトのスタイルシートとして使用することをお勧めします。

さらに少し掘り下げると、同じ値を持つ "base stylesheet" が見つかります。

W3C CSS2ドラフトのサンプルスタイルシートを開発しましたが、この場所での資料の編集開発には公式のW3Cステータスはありません。

...

Base Stylesheetは、Mosaic派生のWebブラウザ（Netscape NavigatorおよびMicrosoft Internet Explorer）でのすべてのHTML 4.0要素の「コンセンサスデフォルト」レンダリングについて説明しています。これは、他のスタイルシートモジュールの編集または「カスケード」の基礎、参考情報、HTML 4.0仕様への（非公式の）補足、スタイルシートアーキテクチャの演習、およびブラウザテストツールとして意図されています。基本スタイルシートは、現状を超えて移動するために現状を把握します。

この基本スタイルシートをさらに追跡して、wwwスタイルのメーリングリストに戻ることができます。

興味深いのは、その頃に W3Cが「コアスタイルシート」のセットを承認した を意図した（？）より良いデフォルトになることです。これらのスタイルシート（ インターネットアーカイブからアクセスできるようになりました ）は すべての見出しに大きな値 を使用しているため、h6に1emがあり、h5に1.17emがあります。残念ながら、このスタイルシートのセットは実際にはうまくいかなかったようです。そのため、奇妙に小さいh5とh6が残されています。

16
Bob