3.4 文本层次语义元素

em、strong、dfn、code、samp、kbd、var、cite元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。在HTML5中并不反对使用它们,但是如果只是为了达到某种视觉效果而使用这些标签的话,建议使用样式表,那么做会达到更加丰富的效果。表3-6列出了这些元素及其含义。

3-6 文本元素及含义

978-7-111-57090-5-Chapter03-36.jpg

3.4.1 cite元素

cite元素定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等)的标题。按照惯例,引用的文本将以斜体显示。用cite元素把指向其他文档的引用分离出来,尤其是分离那些传统媒体中的文档,如书籍、杂志,等等。如果引用的这些文档有联机版本,还应该把引用包括在一个<a>标签中,从而把一个超链接指向该联机版本。cite元素还有一个隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。好比一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。<cite>标签的语义已经远远超过了改变它所包含的文本外观的作用;它使浏览器能够以各种实用的方式来向用户表达文档的内容。

3.4.2 mark元素

mark元素定义带有记号的文本,可以高亮显示文档中的文字以达到醒目的效果。其语法格式如下:

<mark>…</mark>

【例3-8】mark标签实例,示例代码如下:

<p>今日日程提醒:<mark>下午三点1402开会</mark></p>

在浏览器中预览,显示效果如图3-8所示。

978-7-111-57090-5-Chapter03-37.jpg

图3-8 mark元素显示效果

3.4.3 time元素

time元素定义日期或时间,或者日期和时间。该元素能够以机器可读的方式对日期和时间进行编码,比如用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。其语法格式如下:

<time datetime="时间值">…</time>

其新增的属性见表3-7。

3-7 time元素常用属性

978-7-111-57090-5-Chapter03-38.jpg

【例3-9】time标签实例,示例代码如下:

978-7-111-57090-5-Chapter03-39.jpg