正确贴标签
这意味着您正在调用的东西实际上是什么。经典示例是，如果某物为
table，则应包含数据的行和列。将其用于布局在语义上是不正确的-
如果不是，则是说“这是一个表”。
另一个示例：通常应使用列表（
<ul>或
<ol>）对相似项（
<li>）进行分组。您 可以 将a
div用于组，将a
<span>用于每个项目，然后将每个项目的样式
span设置为在单独的行上并带有一个项目符号点，这样看起来就可以了。但是“这是一个列表”传达了更多信息。
适合HTML背后的理想
HTML代表“超文本 标记
语言”；其目的是标记或标记您的内容。标记得越准确，效果越好。HTML5中引入了新元素，以更准确地标记常见的网页部分，例如页眉和页脚。
使它更有用
所有这些语义标记有助于机器解析您的内容，从而对用户有所帮助。例如：
- 了解您的元素 是 什么， 就 可以使浏览器使用合理的默认值来 表现外观和行为 。这意味着您要做的定制工作更少，并且更有可能在不同的浏览器中获得一致的结果。
- 浏览器可以正确地应用CSS（级联 样式 表），描述每种内容的外观。您可以提供其他样式，或者用户可以使用自己的样式。只要您在语义上标记了元素，诸如“我希望标题很大”之类的规则就可以使用。
- 如果将逻辑部分分成
fieldsets
一个盲区，则盲人的屏幕阅读器可以帮助他们更轻松地填写表格legend
。失明的用户可以听到legend
文本并决定“哦，我可以跳过此部分”，就像有视力的用户通过阅读该文本一样。 - 当移动电话看到形式输入
type="tel"
（用于电话号码）时，可以切换到数字键盘。
