负责我们今天所拥有的行业的Web标准运动的一个重要原则是将HTML元素用于它们的概念,而不是默认情况下它们在浏览器中的显示方式。这被称为使用语义HTML。
什么是语义HTML
语义HTML或语义标记是HTML,它向网页引入含义而不仅仅是表示。例如,a
tag表示所附文本是段落。
这既是语义的,也是表现性的,因为人们知道哪些段落和浏览器知道如何显示它们。
在这个等式的另一面,标签就像 和 不是语义的,因为它们只定义文本的外观(粗体或斜体),并且不对标记提供任何其他含义。 语义HTML标记的示例包括标题标记 编写语义HTML的好处源于任何网页的驱动目标 - 沟通的愿望。通过向文档添加语义标记,您可以提供有关该文档的其他信息,从而有助于进行通信。具体而言,语义标签使浏览器清楚地了解页面及其内容的含义。 该清晰度还与搜索引擎进行通信,确保为正确的查询提供正确的页面。 语义HTML标记提供有关这些标记内容的信息,这些信息超出了它们在页面上的显示方式。包含在文本中的文本 浏览器不是试图呈现该代码,而是理解您正在使用该文本作为代码的示例,以用于文章或某种在线教程。 使用语义标记为您的内容设计样式提供了更多钩子。也许今天你更喜欢让你的代码示例以默认的浏览器样式显示,但明天,你想用灰色背景颜色调出它们,之后你想要定义精确的单倍间距字体系列或字体堆栈用于你的样品。您可以使用语义标记和智能应用CSS轻松完成所有这些操作。 当您想使用语义标签来传达意义而不是用于表示目的时,您需要注意不要仅仅因为它们的常见显示属性而错误地使用它们。一些最常被滥用的语义标签包括: 通过使用具有意义的HTML标记,您可以创建传递更多信息的页面,而不仅仅是围绕所有内容 通过
,
,
和 。在构建符合标准的网站时,可以使用更多语义HTML标记。
为什么你应该关心语义
标签被浏览器立即识别为某种类型的编码语言。
正确使用语义标记
用于缩进非引号的文本的标记。这是因为blockquotes默认是缩进的。如果您只想获得缩进的好处,但文本不是块引用,请改用CSS边距。
标记缩进大多数浏览器中的文本。这只是语义错误和无效的HTML
标签。再次,使用边距或填充样式缩进文本。