a
A 元素用来表示超链接或者文档内部锚点。如果 a 元素有 href
属性,它就表示超链接。
当 a 元素表示超链接时,可以使用 target
属性指定链接打开方式,如:
<a href="http://www.baidu.com" target="_blank">百度</a>
之前在我们提到,行内元素不能包含块元素,但是 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 开始位置的超级链接,实现返回到页首的效果。
em
Em 元素表示对其标记内容的强调,在语义上强调与其他内容的不同。
strong
Strong 元素用来表示其标记内容非常重要、非常紧急,在语义上表示重要性。
small
Small 元素表示诸如注释、说明等等不同于正文的内容。
<dl>
<dt>标准间</dt>
<dd>199 元。<small>不含早餐</small></dd>
<dd>229 元。<small>含双早</small></dd>
</dl>
s
S 元素用来标记不再准确或者已不相关的内容。
<dl>
<dt>标准间</dt>
<dd><s>199 元。<small>不含早餐</small></s></dd>
<dd>189 元。<small>含早餐</small></dd>
</dl>
cite
Cite 用来表示对作品(如书籍、电影、歌曲、新闻等等)的引用,cite 中的内容必须包含作品名称或者作者名称或者 URL 地址。
<cite><a href="http://world.people.com.cn/n1/2016/0106/c1002-28019941.html">聚焦朝鲜的历次核试验</a>. 人民网。</cite>
q
Q 元素表示对外部资料的直接引用。
<p>那个男人说<q>事情不能再拖了</q>。我也赞同他的观点。</p>
可以使用 cite 属性来指定外部资料的来源,如:
<p>万维网联盟在其 <cite>About W3C</cite> 页面中表明,它的使命是 <q cite="http://www.w3.org/Consortium/">通过制定协议和规范,引导万维网发挥其全部潜力,确保万维网的长期发展。</q>. </p>
dfn
dfn 元素用来表示术语的定义。如:
<p>doit.im 是一款<dfn><abbr title="Get Thing Done">GTD</abbr></dfn>软件,用来帮助用户进行任务管理。</p>
abbr
Abbr 元素表示某个术语的缩写。使用 title 属性来指定术语的全部名称。
data
Data 元素用来标记数据。
time
Time 元素用来标记时间。
code
Code 元素用来标记代码。
var
Var 元素用来标记变量。
samp
Samp 元素用来标记程序或者计算机的输出结果。
kbd
Kbd 元素用来标记用户输入的内容,尤其是键盘输入。
<kbd>Ctrl + S </kdb>保存文档。 使用快捷键
sub 和 sup
Sub 表示下标,sup 表示上标。
i
I 元素表示不同于正文的可替换声音、情绪或其他语言的内容等等。
b
B 元素用来表示诸如关键字、产品名称等等需要引起注意的内容。
u
U 元素用来标记不能非常清楚表达的内容,如汉语诗歌等。
mark
Mark 元素用来标记高亮内容,以表示其与其他内容的区别。
ruby
Ruby 元素用来为东亚字符添加注音。
span
Span 元素用来在逻辑结构上对文本内容进行区分,比如在新闻信息中,我们可以将日期、作者信息、消息来源等内容,用 span 元素加以标记,结合 class 属性,进行文本区分。
br
Br 元素表示另起一行。