当前位置: 首页 >> 面试题 >> 产品 >> 产品经理 >> 网页产品经理 >>

什么是Semantic markup(语义标记)?

语义标记是一种内容编码

HTML的标记标签描述的内容也提供关于本身的内容相关的元数据。例如,一条信息,是一个网页的主要内容相关的,但不是直接主体的页面内容,可能会被标记为<aside>。

虽然这听起来像是一个明显的最佳实践方法,以及Web当然是工程语义的思想,但是使用这种方法并不总是简单的…

早期语义标记

在网络发展的早期,可用的HTML标签的数量是有限的。许多确实存在纯粹的语义性质的标签:例如<p>标签——用于标记段落的内容。

随着时间的推移,设计师想要推出更具有意义的页面元素时,在其最纯粹的形式语言的界限里面,<table>标签和< td >标签倍受欢迎,这是用来标记表格数据,并重新创建柱状布局的可靠的解决方案。

同时,设计师开始依赖于一个特定的标签来定义他们的内容,作为默认的视觉特征,而不是重新用语义设计标签。作为一个规范,大的粗体文本往往呈现为一个标题标签(<h1>,<h2>,<3 >等)的标签,而不是<strong>或< em > 等加粗标记。

断层

因此,大量的HTML语义标记已经形成固定的模式,没办法继续开发,是独有的一代。一个非语义Web的缺点是,它变得难以维持或了解一个网站的底层代码,搜索引擎无法以编程方式定义的最重要元素的一页。

值得庆幸的是,随着CSS和HTML语言的最新版本的出现,标记有了一个非常纯粹的定义能力。CSS有利于更复杂的布局,而HTML语言已经扩展到包括新的语义化标签如<header>,<footer >和<article>等。

Loading