“语义上正确”是什么意思？

Question

我已经在CSS对话中看到了很多。语义正确是什么意思？

Answer 1

正确贴标签

这意味着您正在调用的东西实际上是什么。经典示例是，如果某物为table，则应包含数据的行和列。将其用于布局在语义上是不正确的-
如果不是，则是说“这是一个表”。

另一个示例：通常应使用列表（<ul>或<ol>）对相似项（<li>）进行分组。您 可以 将a div用于组，将a
<span>用于每个项目，然后将每个项目的样式span设置为在单独的行上并带有一个项目符号点，这样看起来就可以了。但是“这是一个列表”传达了更多信息。

适合HTML背后的理想

HTML代表“超文本 标记
语言”；其目的是标记或标记您的内容。标记得越准确，效果越好。HTML5中引入了新元素，以更准确地标记常见的网页部分，例如页眉和页脚。

使它更有用

所有这些语义标记有助于机器解析您的内容，从而对用户有所帮助。例如：

• 了解您的元素 是 什么， 就 可以使浏览器使用合理的默认值来 表现外观和行为 。这意味着您要做的定制工作更少，并且更有可能在不同的浏览器中获得一致的结果。
• 浏览器可以正确地应用CSS（级联 样式 表），描述每种内容的外观。您可以提供其他样式，或者用户可以使用自己的样式。只要您在语义上标记了元素，诸如“我希望标题很大”之类的规则就可以使用。
• 如果将逻辑部分分成fieldsets一个盲区，则盲人的屏幕阅读器可以帮助他们更轻松地填写表格legend。失明的用户可以听到legend文本并决定“哦，我可以跳过此部分”，就像有视力的用户通过阅读该文本一样。
• 当移动电话看到形式输入type="tel"（用于电话号码）时，可以切换到数字键盘。