H1-H6标签最常见的字体大小是什么[关闭]答案

【问题标题】：What are the most common font-sizes for H1-H6 tags [closed]H1-H6标签最常见的字体大小是什么[关闭]
【发布时间】：2011-09-02 16:23:21
【问题描述】：

我一直不确定从哪里开始作为一般最佳实践基准。是的，我知道这取决于您的设计，但最常见的是什么？

这是我目前作为初学者所拥有的：

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

是的，我目前的工作不使用 EM。

【问题讨论】：

不要认为这是一个合适的问题，因为没有答案..
树猴，真的吗？征求意见不好吗？
我最喜欢的事情是当我 google 一些东西时，最上面的结果是 StackOverflow 帖子，并且问题已关闭或暂停。没有什么比陈旧的知识封装更能经得起时间的考验了。
不，@rsturim，it is not ok to ask for opinions
我搜索了一个这样的问题，所以虽然与这个特定堆栈无关，但我发现它很有用。关闭此问题意味着无法添加进一步的对话、辩论或答案，从而降低了此问题对整个社区的价值。我已经看到其他题外话问题迁移到更合适的堆栈。这个问题可以这样做吗？干杯~

标签： html css frontend

【解决方案1】：

这取决于浏览器的默认样式表。您可以查看 CSS2.1 用户代理样式表默认值here 的（非官方）表格。

根据上面列出的页面，默认尺寸如下所示：

    IE7     IE8     FF2         FF3         Opera   Safari 3.1
H1  24pt    2em     32px        32px        32px    32px       
H2  18pt    1.5em   24px        24px        24px    24px
H3  13.55pt 1.17em  18.7333px   18.7167px   18px    19px
H4  n/a     n/a     n/a         n/a         n/a     n/a
H5  10pt    0.83em  13.2667px   13.2833px   13px    13px
H6  7.55pt  0.67em  10.7333px   10.7167px   10px    11px

如今，所有现代浏览器都有same values as defaults。

【讨论】：

H6 的 HTML 4 推荐已被忽略，0.67em 获胜；现在的 WebKit 和 FF 使用与 IE8 相同的 em 大小。 w3.org/TR/html-markup/h6.html 还说“典型”显示为 0.67em。
这个或某个随机的人曾经说过“应该有这些尺寸的标题”背后的任何推理？
更新答案以包含 HTML5 默认值是个好主意。
这里是 HTML5 w3.org/TR/html5/rendering.html#sections-and-headings
@BeniCherniavsky-Paskin 链接失效了，你能发一个新的吗？

【解决方案2】：

标题通常为粗体；已关闭此尺寸对应的演示。 MSIE 和 Opera 将这些大小解释为相同，但请注意 Gecko 浏览器和 Chrome 将标题 6 解释为 11 像素而不是 10 像素/字体大小 1，标题 3 解释为 19 像素而不是 18 像素/字体大小 4（尽管很难即使在直接比较中也能分辨出差异，并且在使用中是不可能的）。似乎 Gecko 也将文本限制为不小于 10 像素。

【讨论】：