第 8 章 文本语义元素
8.1 a
A 元素用来表示超链接或者文档内部锚点。如果 a 元素有 href 属性,它就表示超链接。
当 a 元素表示超链接时,可以使用 target 属性指定链接打开方式,如:
之前在、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 开始位置的超级链接,实现返回到页首的效果。
8.2 em
Em 元素表示对其标记内容的强调,在语义上强调与其他内容的不同。
8.3 strong
Strong 元素用来表示其标记内容非常重要、非常紧急,在语义上表示重要性。
8.4 small
Small 元素表示诸如注释、说明等等不同于正文的内容。
8.5 s
S 元素用来标记不再准确或者已不相关的内容。
8.6 cite
Cite 用来表示对作品(如书籍、电影、歌曲、新闻等等)的引用,cite 中的内容必须包含作品名称或者作者名称或者 URL 地址。
8.7 q
Q 元素表示对外部资料的直接引用。
可以使用 cite 属性来指定外部资料的来源,如:
8.8 dfn
dfn 元素用来表示术语的定义。如:
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.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 元素表示另起一行。