第 8 章 文本语义元素

8.1 a

A 元素用来表示超链接或者文档内部锚点。如果 a 元素有 href 属性,它就表示超链接。

当 a 元素表示超链接时,可以使用 target 属性指定链接打开方式,如:

<a href="http://www.baidu.com" target="_blank">百度</a>

之前在、ref{sub: 块元素与行内元素}我们提到,行内元素不能包含块元素,但是 a 元素是个例外,a 元素内部可以是文字、图片等行内元素,也可以是段落、标题等块内容。

链接通常可以分为两类:指向本站内部的链接和指向外部站点的链接。这些链接通过 a 元素的 href 属性来指定。我们常使用相对路径来指定网站内部的链接,相对路径中不包含域名(如。com,.org, .edu,等等)信息,因为链接指向的网页位于同一站点,因此 href 属性的值只需要包含网页文件所在的路径和文件名即可,如:<a href="about.html">About</a>;指向外部站点页面的链接必须使用绝对路径,绝对路径包含完整的 URL 信息。通常是以 http 开头,包含主机域名以及文件路径和文件名称。如<a href="http://www.google.com/">Google</a>

a 元素还可以通过在 href 属性中添加#创建指向文档内部具体位置的超级链接,如:

<body id="top">
  ...
  <a href="#top">Back to top</a>
  ...
</body>

上述代码将创建一个返回到 body 开始位置的超级链接,实现返回到页首的效果。

8.2 em

Em 元素表示对其标记内容的强调,在语义上强调与其他内容的不同。

8.3 strong

Strong 元素用来表示其标记内容非常重要、非常紧急,在语义上表示重要性。

8.4 small

Small 元素表示诸如注释、说明等等不同于正文的内容。

<dl>
<dt>标准间</dt>
<dd>199 元。<small>不含早餐</small></dd>
<dd>229 元。<small>含双早</small></dd>
</dl>

8.5 s

S 元素用来标记不再准确或者已不相关的内容。

<dl>
<dt>标准间</dt>
<dd><s>199 元。<small>不含早餐</small></s></dd>
<dd>189 元。<small>含早餐</small></dd>
</dl>

8.6 cite

Cite 用来表示对作品(如书籍、电影、歌曲、新闻等等)的引用,cite 中的内容必须包含作品名称或者作者名称或者 URL 地址。

<cite><a href="http://world.people.com.cn/n1/2016/0106/c1002-28019941.html">聚焦朝鲜的历次核试验</a>. 人民网。</cite>

8.7 q

Q 元素表示对外部资料的直接引用。

<p>那个男人说<q>事情不能再拖了</q>。我也赞同他的观点。</p>

可以使用 cite 属性来指定外部资料的来源,如:

<p>万维网联盟在其 <cite>About W3C</cite> 页面中表明,它的使命是 <q cite="http://www.w3.org/Consortium/">通过制定协议和规范,引导万维网发挥其全部潜力,确保万维网的长期发展。</q>. </p>

8.8 dfn

dfn 元素用来表示术语的定义。如:

<p>doit.im 是一款<dfn><abbr title="Get Thing Done">GTD</abbr></dfn>软件,用来帮助用户进行任务管理。</p>

8.9 abbr

Abbr 元素表示某个术语的缩写。使用 title 属性来指定术语的全部名称。

8.10 data

Data 元素用来标记数据。

8.11 time

Time 元素用来标记时间。

8.12 code

Code 元素用来标记代码。

8.13 var

Var 元素用来标记变量。

8.14 samp

Samp 元素用来标记程序或者计算机的输出结果。

8.15 kbd

Kbd 元素用来标记用户输入的内容,尤其是键盘输入。

使用快捷键<kbd>Ctrl + S </kdb>保存文档。

8.16 sub 和 sup

Sub 表示下标,sup 表示上标。

8.17 i

I 元素表示不同于正文的可替换声音、情绪或其他语言的内容等等。

8.18 b

B 元素用来表示诸如关键字、产品名称等等需要引起注意的内容。

8.19 u

U 元素用来标记不能非常清楚表达的内容,如汉语诗歌等。

8.20 mark

Mark 元素用来标记高亮内容,以表示其与其他内容的区别。

8.21 ruby

Ruby 元素用来为东亚字符添加注音。

8.22 span

Span 元素用来在逻辑结构上对文本内容进行区分,比如在新闻信息中,我们可以将日期、作者信息、消息来源等内容,用 span 元素加以标记,结合 class 属性,进行文本区分。

8.23 br

Br 元素表示另起一行。