HTML 语义元素

简介

语义元素标签定义的文本大多会呈现出特殊的样式,并且拥有确切的语义

标签

标签 说明
abbr 表示一个缩写词,如 “PRC”(People’s Republic of China), title 属性可被用来展示缩写词的完整版本
acronym 定义首字母缩略词,如 “PRC”(People’s Republic of China), title 属性可被用来展示缩写词的完整版本
cite 定义作品(如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题
code 用来定义计算机代码文本
del 定义文档中已删除的文本
dfn 定义一个定义项目
em 定义一个被强调的文本
ins 定义被插入文档中的文本
kbd 定义被插入文档中的文本
samp 定义计算机程序的样本文本
strong 定义更强的强调文本,以粗体显示
var 定义变量
mark 标签定义带有记号的文本

实例

代码:

The <abbr title="People's Republic of China">RPC</abbr> was established in 1949
We must improve our efficiency <acronym title="as soon as possible">ASAP</acronym>
<img src="/images/tags/cite/mona-lisa.jpg" width="220" height="277" alt="The Scream">
<cite>《蒙娜丽莎》</cite> 是意大利文艺复兴时期画家列奥纳多·达·芬奇创作的油画
<code>一段电脑代码</code>
<del>删除的文字</del>
<dfn>定义项目</dfn>
<em>强调文本</em>
<ins>插入的文字</ins>
<kbd>键盘输入</kbd>
<samp>计算机样本</samp>
<strong>加粗文本</strong>
<var>变量</var>
请注意黄色<mark>标记</mark>

效果:

abbr 元素
The RPC was established in 1949
acronym 元素
We must improve our efficiency ASAP
cite 元素
The Scream
《蒙娜丽莎》 是意大利文艺复兴时期画家列奥纳多·达·芬奇创作的油画
code 元素
一段电脑代码
del 元素
删除的文字
dfn 元素
定义项目
em 元素
强调文本
ins 元素
插入的文字
kbd 元素
键盘输入
samp 元素
计算机样本
strong 元素
加粗文本
var 元素
变量
mark 元素
请注意黄色标记

留下评论

电子邮件地址不会被公开。 必填项已用*标注