Web应用程序是否需要HTML标头标签？

Question

问题是，我们应该使用标题设计应用程序/表单还是坚持使用跨度和div？当世界使用html链接文档时，这些标题标记看起来像“目录”。在html用于应用程序的新时代，使用正统方式的标题标签（即h1包含h2，h2包含h3 ......）没有意义。或者是吗？

这些似乎有意义的地方是在文本浏览器或禁用CSS的情况下。是否存在违反嵌套顺序的含义（例如：h2是顶级元素而不是h1）

修改 通过'新时代'，我的意思是使用html进行交互式Web应用程序。表单或邮件应用程序或文件共享应用程序中的标头标记的概念是我所质疑的。我应该避免使用花哨的名字，我实际上并不是指<h1><h2>...</h2></h1>它更像是MS Word中的内容组织。

如果有帮助的话，我确实在符合W3C和AA标准的网页上工作过。屏幕阅读器像海豚超新星，只是阅读内容，我无法识别他们如何区分标题或我可能会错过一些相当重要的功能。

Answer 1

h1，h2，h3等是语义的。 Div和span不是。使用标题意味着代理可以轻松确定哪些内容是标题，在屏幕阅读器或搜索结果中优先使用它们。

Answer 2

首先，不应嵌套标题标记。理想情况下，h1，h2等应仅包含文本，而不包含其他标记。

其次，作为指导原则，每页只应有一个h1标记，理想情况下应该与您的文档标题匹配。

最好为标题使用标题标记，而不是跨度或div。许多搜索引擎会比这些标签中的关键字更重要。页面摘要也将使用此结构。

通常，如果您对标头标签排序很奇怪，或者没有标签，那么您的页面结构可能会出错。 （当然，你不必全部使用它们，但是h1标签几乎总是一个好主意。）

Answer 3

确实很有意义。您的代码应该具有意义（从语义的角度来看）。如果你想要一个标题，hX是你应该使用的标记。 span或div可以工作，但它不是标题。

查看similar discussion。

Answer 4

为什么你觉得结构化标记没有意义？仅仅因为您可以根据您的设计愿望设置任何元素的样式，不会使语义过时。首先，不要忘记搜索引擎实际上为重要语义元素（如标题）内的文本分配了不同的值。

回答你标题中的问题（哇，这是一个标题！谷歌使用它！）：是。

顺便问一下，你说的这个“新时代”究竟是什么？

Answer 5

除了设置浏览器样式覆盖CSS（用户样式）的浏览器之外，如果你在h1之前使用h2，我认为没有任何其他问题，反之亦然。

另外，正如您所说的那样使用标题格式化您的文档甚至没有CSS。

Answer 6

为标题使用标题标记，并根据需要使用CSS对其进行样式化，以实现所需的外观。排序应反映文档的组织，但您可以使用CSS为您提供所需的外观和感觉。不过，我会说，我会用排版来反映组织，而不是混淆它。

Answer 7

请注意，在某些Web应用程序中不需要标头，因为HTML旨在以语义方式描述文档的结构，而不是Web应用程序。

理想情况下，会有一种单独的基于XML的语言，所有浏览器都支持专门为Web应用程序呈现。像XUL或XAML这样的东西可能符合要求。但是，由于这不是我们今天制作Web应用程序的环境，您经常会遇到HTML，这在最好（div，span）是通用的，在其他地方是无关紧要的（在Web应用程序中不需要语义标题）。

因此，从实用的角度来看，最好的方法是在许多情况下忽略具有语义意义的HTML标记，而是使用类名和id来定义结构。这样你仍然会以一种将表示与内容分开的方式开发自己的语义环境和编程，这是HTML和CSS的好处之一，但不是不必要地将自己附加到“只是因为它是如何完成”的格式

因此，这个帖子中的一些答案忽略了这一点：你正在开发一个没有设计HTML的网络应用程序。不要将方柱钉入圆孔。

编辑：Bobby Jack评论说当然还有一些Web应用程序可以定义类似文档的视图，例如Stack Overflow。因此，在这些情况下，当然，在相关的情况下，使用正确的语义标记。