2

我的目标是在我的 html5 代码中使用正确的 H* 标签(H1 到 H6)。

我在这里读到我根本不应该使用<section>:“为什么你应该选择文章而不是部分:浏览器对嵌套在元素内的标题的视觉显示使它看起来好像它们正在为这些标题分配逻辑层次结构。然而,这纯粹是视觉的并且没有传达给辅助技术”

但我觉得这不是真的,因为这个热门问题的答案是:“一篇文章中的部分就像一本书中的章节,一个部分中的文章就像一本书中的诗”,我想使用部分作为他们的预期目的。

问题是这个 mdn 页面说“重要:在 Web 浏览器和辅助技术中没有提出的大纲算法的实现;它从来不是 W3C 最终规范的一部分。因此,大纲算法不应该用于向用户传达文档结构. 建议作者使用标题等级 (h1-h6) 来传达文档结构。”

我发布的第一个链接中的那个人确实在该页面的中途提出了一个很好的观点,他说“浏览器显示不同大小的字体取决于嵌套在<section>s 中的深度”。

所以我说我必须正确地将 H* 标签与深度/嵌套匹配以实现良好的轮廓和视觉样式是否正确,或者是否有不同的方式。例如,这是不正确的:

<body>
<h1> something </h1>
<section>
<h1> section heading for outline </h1>
<article>
<h1>my first news article</h1>
<p>stuff</p>
</article>
</section>
</body>

因为屏幕阅读器无法正确处理<section>大纲。并且因为浏览器根据嵌套级别显示不同的字体。那么这将是正确的吗?

<body>
<h1> something </h1>
<section>
<h2> section heading for outline </h2>
<article>
<h3>my first news article</h3>
<p>stuff</p>
</article>
</section>
</body>

注意:这是我要发布的第一个问题,所以如果我犯了错误,请放轻松,我是新来的:)

4

0 回答 0