为什么在大多数用户代理默认样式表中

的字体大小比

小?

2024-02-21

The default <h5> and <h6>章节标题 https://www.w3.org/TR/html5/rendering.html#sections-and-headingsHTML5 中的字体大小为0.83em and 0.67em,分别是,而默认的<p>字体大小是1em。这意味着在包含的文本块中<h5>, <h6> and <p>标签,这些标题将小于它们标题的文本:

(以上默认正文字体大小为14px)

这似乎违反直觉:标题应该吸引眼球并控制章节的开始,而字体大小是一个重要的视觉提示。默认字体大小是否使这些标题比其下方的文本小?


我一直在寻找但尚未发现对此决定有任何争议。

这是我可以推断的:

1995

HTML 规范的第一个发布版本(在 CSS 发挥作用之前)实际上指定的 https://www.rfc-editor.org/rfc/rfc1866#section-5.4 that h4 and 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 https://www.w3.org/Style/LieBos2e/history/#figure。第一个推荐的浏览器默认样式表指定的 https://www.w3.org/TR/CSS1/#appendix-a only:

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

h4通过h6因此将是1em.

1997

HTML 3.2 删除了与文档文本相关的任何字体大小建议,仅推荐 https://www.w3.org/TR/2018/SPSD-html32-20180315/#headings:

较重要的标题通常比较不重要的标题以更大的字体呈现。

这与 CSS1 有点冲突,但当时两者并不是不可或缺的。大多数样式仍然是通过内联 HTML 属性完成的,这些属性仍然没有被弃用。

1998

CSS2 出现了,它从自己的规范中删除了默认样式表,取而代之的是链接到 https://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#cascade新的HTML 4.0 的示例样式表 https://www.w3.org/TR/2008/REC-CSS2-20080411/sample.html in HTML's规格。

这是标头显式设置为小于的起源1em,至少据我所知。推荐的 HTML 4.0 样式表指定大多数浏览器保留的值to today https://drafts.csswg.org/css2/sample.html作为默认值:

H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么在大多数用户代理默认样式表中

的字体大小比

小? 的相关文章

随机推荐

  • JavaScript 时间戳到 Python 日期时间转换

    为了在 JavaScript 中获取时间戳 我们使用 var ts new Date getTime 将其转换为Python的正确方法是什么datetime到目前为止我使用以下代码 gt gt gt jsts 1335205804950 g
  • D 项目的 CMake 或 Waf

    我们正在寻找足够的构建工具 用于用 D 语言 使用 Qt 工具包 编写桌面 GUI 应用程序 由多个本机库组成 使用第 3 方 C lib 它必须在 Linux 本机开发 和 Mac 以及 Windows 上构建 我们可能会采用代码 块 h
  • 按照约定使用接口拦截器进行 Unity 注册会导致“[type] 不可拦截”异常

    我想将所有实现特定接口的类注册到 Unity 中WithMappings FromMatchingInterface习俗 此外 我希望使用接口拦截行为来拦截所有已注册的对象 问题是 Unity 还会注册具体类之间的映射 当解析这些类时 会抛
  • e(fx)clipse javafx的导入无法解析

    嘿 我刚刚为 eclipse 安装了 e fx clipse 插件并创建了一个新的 JavaFX 项目 问题是所有 javafx 导入都无法解析 即使库似乎位于构建路径中 以下是一些屏幕截图 可以向您展示我的意思 有人知道我做错了什么吗 通
  • 如何使用“godoc”生成 HTML 文档?

    我编写了一个小型 go 程序 我想从源代码生成独立的 HTML 文档 无需 godoc 服务器即可查看 但我找不到任何方法来实现它 如果有人可以帮助我 我将不胜感激 可以通过以下方式生成更好的形式 godoc url http localh
  • Travis-CI 跳过部署,尽管已标记“提交”

    我对 Travis CI 还很陌生 但我使用他们的文档找到了解决方法 然而 部署到 GitHub 版本对我来说不起作用 我的 travis yml文件看起来像这样 language java branches only master not
  • 窗口关闭时停止模式(Cocoa)

    我当前正在使用以下代码显示模式窗口 NSApplication sharedApplication runModalForWindow mainWindow 但是 当我关闭此窗口时 其他窗口仍然处于非活动状态 我如何运行stopModal使
  • 在哪里可以找到 MATLAB 的形式语法?

    我想编写一个词法分析器生成器 将 MATLAB 语言的基本子集转换为 C C 等 为了帮助我做到这一点 我想找到一个包含 MATLAB 形式语法的文档 花了一些时间调查这一点 Mathworks 似乎没有提供这一点 有谁知道我在哪里可以找到
  • 如何在 iOS 中验证美国或加拿大的邮政编码?

    我想知道有什么方法可以验证美国或加拿大的邮政编码吗 我尝试使用正则表达式 就像美国一样 BOOL validateZip NSString candidate NSString emailRegex 5 4 ABCEGHJKLMNPRSTV
  • 可以跳过幼儿园吗?

    如果我知道某个值可能会在第一次遇到垃圾收集器时幸存下来 是否有某种方法让 GHC 知道 以便它可以直接将其分配到托儿所之外的某个地方 例如 如果我用一堆较小的部件建造一个大型结构 我知道每个部件至少会持续到整个结构完成为止 In GHC 垃
  • Angular 6 材料 - 如何从 matDatepicker 获取日期和时间?

    我的 html 中有这段代码
  • 如何以编程方式设置 BIRT 报告的数据源?

    我有一个连接到我们的测试数据库的 BIRT 报告 在生产环境中 我想提供一个由容器通过 jndi 提供的数据源 如何以编程方式为给定报告设置数据源 IReportRunnable design birtEngine openReportDe
  • .NET Core 2.2 CORS 不允许请求

    我已经检查了其他几个与此有关的线程 但仍然无法弄清楚这一点 我希望允许任何来源 标头 方法等访问我的 NET Core 2 2 API public void ConfigureServices IServiceCollection ser
  • python 如何解码http响应

    我正在使用下面的代码登录并从 api 端点检索数据 但响应似乎已编码 我无法读取内容 我正在使用请求 requests 0 0 1 import requests import json import os http proxy http
  • 如何使用 Chartjs 绘制带有基于时间的 x 轴的单行彩色条

    我有一些基于时间的数据 我想要图形表示 并希望使用 Chartjs 来绘制它 数据如下所示 Time State 7am up 9am down 10 45am out 17 35 up 另外 每个 状态 都有自己的颜色 所以在使用条形图时
  • Laravel:PHPUnit 导致所有内容出现 404

    我正在尝试使用 PHPUnit 为我的 Laravel 应用程序运行一些基本的单元测试 然而 所有 HTTP 请求都会返回 404 not find HTTP 状态代码 因此我们在第一个障碍上失败了 在互联网上搜寻后 我找到了有关如何解决此
  • 在 Java 中将 JSON 响应转换为字符串?

    当我向 api 发出 API 请求时 我收到 JSON 格式的响应 当我这样做时我得到了这个System Out Println的响应 HTTP 1 1 200 OK Date Thu 04 Oct 2012 20 33 18 GMT Se
  • 无法加载可部署 .jar 中的主类

    我正在尝试构建一个可执行的 jar 并收到错误Error Could not find or load main class com company app Main 我已经重新启动了我的电脑并尝试清理这个项目 我也尝试过使用
  • 如何使用 Spring Boot 2.1 Webflux 定制 Netty?

    我想在我的 Spring Boot Webflux 项目中自定义 Netty 在我的 POM 中 我添加了 Spring Boot Webflux 和 Spring Boot Actuator 依赖项 接下来 我重写了 WebServerF
  • 为什么在大多数用户代理默认样式表中
    的字体大小比

    小?

    The default h5 and h6 章节标题 https www w3 org TR html5 rendering html sections and headingsHTML5 中的字体大小为0 83em and 0 67em