标签正确
这意味着你正在调用它实际上是什么。典型的例子是,如果某个表是一个表,它应该包含行和数据列。要用于布局语义上是不正确的 – 你不是说“这是一个表”。
另一个例子:通常应该使用列表(< ul> or< ol>)来对相似的项目(< li>)进行分组。您可以为组使用div,并使用< span>对于每个项目,并将每个跨度的样式放在具有项目符号的单独行上,并且可能看起来像您想要的。但是“这是一个列表”传达更多的信息。
适合HTML背后的理想
HTML代表“超文本标记语言”;其目的是标记或标注您的内容。越准确地标记出来,越好。 HTML5中引入了新的元素,以更准确地标记常见的网页部件,如页眉和页脚。
使其更有用
所有这些语义标签帮助机器解析您的内容,这有助于用户。例如:
>知道你的元素是什么让浏览器使用合理的默认值来看它们的外观和行为。这意味着您有更少的定制工作要做,并且更有可能在不同的浏览器中获得一致的结果。>浏览器可以正确应用您的CSS(级联样式表),描述每种类型的内容应如何。您可以提供替代样式,或用户可以使用自己的;只要您在语义上标注了您的元素,“我想要标题巨大”的规则将可用。>盲人的屏幕阅读器可以帮助他们更容易地填写一个表单,如果逻辑部分被分成几个字段,每个图例有一个图例。盲目的用户可以说:“哦,这个部分不适用于我,所以我可以跳过来,”就像你会看到的那样。>当手机看到type =“tel”(用于电话号码)的表单输入时,手机可以切换到数字键盘。