html - "semantically correct"是什么意思？

Question

我在css talk里看过很多。语义正确是什么意思？

Answer 1

正确标记

这意味着您正在称呼某物的实际含义。经典的例子是，如果某物是 table ，它应该包含数据的行和列。将它用于布局在语义上是不正确的 - 你说的是“这是一张 table ”，但实际上它不是。

另一个例子:列表(<ul> 或 <ol>)通常应该用于对相似的元素(<li>)进行分组。您可以使用 div对于小组和<span>对于每个元素，每个元素的样式 span在带有元素符号点的单独行上，它可能看起来像你想要的那样。但是“这是一个列表”传达了更多的信息。

符合 HTML 背后的理想

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

让它更有用

所有这些语义标签都可以帮助机器解析您的内容，从而帮助用户。例如:

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