语义标记对视觉用户代理的实际好处是什么答案

【问题标题】：What are the practical benefits of semantic markup for visual user-agents语义标记对视觉用户代理的实际好处是什么
【发布时间】：2026-01-11 14:25:01
【问题描述】：

经过多年创建 HTML 文档并尝试了解使标记最有意义的不同标记模式和最佳实践，我常常想知道这些语义将如何开始为最终用户带来回报。

让我们把问题介绍为：你有两个文件……

第一个文档使用当代 HTML 中所有最合理标准化的部分来创建一个丰富的文档结构，其中包含一些 RDFa 和选择微格式，用于示例性的表现力 HTML。

第二个文档与第一个文档的结构相同，只是标签已全部转换为 div 和 span，并且所有类名都是纯样式挂钩：所有语义都已删除，但页面呈现高效且视觉上与第一个相同。

对于通过桌面或移动浏览器与此 HTML 文档进行交互的有远见的人来说，第一个文档相对于第二个文档的直接好处很感兴趣。您的答案可以创造内容的性质并指向特定的浏览器功能来证明您的观点。

您的答案不应包括：

【问题讨论】：

【解决方案1】：

（当然，这还不完整。这只是我在打字时想到的。）

此答案假设：对于没有屏幕阅读器的桌面/移动浏览器用户；页面仅包含 div 和 span 元素（具有允许的属性）；只有今天相关的内容（not tomorrow、not in 2400 years）。

（请注意，一些可以通过 HTTP 标头完成。）

如果没有a、input、textarea、button 等，相应的功能将需要 JavaScript。没有 JavaScript 的用户无法点击链接、搜索、上传文件、提交表单……

不支持（或有限）JS 的原因：

默认情况下，一些典型的导航机制可能不可用（在字段中切换；焦点；按 Enter 激活；在链接文本中搜索（例如 Firefox 中的'）。

有各种浏览器插件（或小书签等）可以解析标记并“做事”。

如果没有 CSS 支持，仅包含 div 和 span 元素的页面可能难以阅读，甚至可能变得难以理解（例如复杂的数据表）。

不支持（或有限）CSS 的原因：

【讨论】：

我怎么读到发帖人的问题是他将使用p、a 等，他不会使用我们现在拥有的花里胡哨的方式进行编码。基本上是 1997/1998 年与现在的编码。
虽然@RyanB 对我的问题的意图是绝对正确的，但我认为这个答案巧妙地从逻辑表面上看，并显示了由于基本语义标记而发生了多少内置功能。好奇是否有超出这些基础的用例，但目前这个答案是最准确的。

【解决方案2】：

对于视力良好的用户来说，可能没有区别。

但是，您永远不应该假设用户的能力。

除了可访问性之外，最大的区别在于机器解释代码的方式。所以，搜索引擎优化很重要，即使你也想排除它。其他地方提到的浏览器扩展，以及将来可能出现的任何内容。

【讨论】：