HTML语义化元素

144 阅读2分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

语义化元素与结构化元素类似,都是具有具体含义的元素,区别在于语义化元素更多定义一个单词、一行内容的语义或样式。

如下列表所示展示了部分语义化元素:

标签定义及效果
加粗元素(<strong>定义 HTML 页面中的十分重要的文本内容。浏览器运行 HTML 页面默认呈现的是粗体效果。
强调元素(<em>定义 HTML 页面中的需要用户着重阅读的文本内容。浏览器运行 HTML 页面默认呈现的是斜体效果。
引用元素(<blockquote><q>HTML <blockquote> 元素用来定义 HTML 页面中的标记较长的引用内容,一般浏览器解析后会对其进行缩进。
HTML <q> 元素用来定义 HTML 页面中的较短的引用内容,浏览器解析后会在其两侧使用引号包裹。
引文元素(<cite>定义 HTML 页面中的对一个作品的引用,浏览器解析后会呈现斜体效果。该元素必须包含引用作品的符合简写格式的标题或者 URL,可能是一个根据添加引用元数据的约定的简写形式。
定义元素(<dfn>用来定义 HTML 页面中的术语。有些浏览器会将 <dfn> 元素解析后呈现为斜体,但 Safari 和 Chrome 浏览器则不会改变其样式。
地址元素(<address>定义 HTML 页面中提供了某个人或某个组织的联系信息,浏览器解析后会呈现为斜体效果。
内容修改元素(<del><ins>内容修改元素可以标示出某个文本被更改过的部分。其中,HTML <del>元素用来定义 HTML 页面中删除的文字内容,HTML <ins> 元素用来定义 HTML 页面中插入的文字内容。