什么是 html 语义？写代码时要注意什么？

1。什么是 HTML 语义？

根据内容的结构（内容语义），选择适当的标签（代码语义）使开发人员更容易阅读和编写更优雅的代码，同时允许浏览器爬虫和机器很好地解析它。

2。为什么是语义？

• 无需CSS即可在页面上呈现良好的内容结构和代码结构：裸奔时好看；
• 用户体验：例如标题和全部用于解释名词或图像信息、品牌标签的灵活运用；
• 有利于SEO：与搜索引擎建立良好的沟通有助于爬虫更高效地抓取信息：爬虫依靠标签来确定每个关键词的上下文和权重；
• 方便其他设备解析（例如屏幕阅读器、盲人阅读器、移动设备）以有意义的方式呈现网页；
• 更易于团队开发和维护，语义更具可读性。这是下一阶段网页的一个重要趋势，W3C标准团队出来之后，大家都遵循这个标准，这样可以减少差异化。

3。编写HTML代码时要注意什么？

• 尽可能少使用无语义标签div和span；
• 当语义不明显时，可以使用div或p，尽量使用p，因为p默认有上下间距，这对于兼容终端特别有利；
• 不要使用纯样式代码，例如：b、font、u等，使用css设置代替。
• 需要突出显示的文本可以包含在strong或em标签中（默认浏览器样式，如果可以用CSS指定，就不要使用它们）。 Strong 的默认样式是粗体（不要使用 b），em 是斜体（不要使用 i）。 ）；
• 使用表格时，标题使用caption，表头使用tad，正文使用tbody，表尾使用tfoot。表格标题应与常规单元格分开。使用 th 作为表格标题，使用 td 作为单元格；
• 表单字​​段必须用字段集代码包裹，并且必须使用解释代码来描述表单的用途；
• 每个输入标签对应的描述文本必须使用label标签，通过为input设置id属性并在label标签中设置for=someld，将描述文本链接到对应的input。