(012)XHTML文档之短语元素

XHTML文档之短语元素

　　我们前面已经介绍了用于将内容组织为富有意义的、易读的部分时要用到的大多数主要的结构性元素。标题、段落和列表是结构化文本的基本构建快料。在下面的介绍中，我们将关注这些块元素内部的一些较小的内容片段。

　　这些行内元素被称为短语元素，因为它们被用于包装一小串、甚至一个词语，以给予其额外的意义和格式，使其鹤立于周围的词语之中。行内元素只能包括文本和其他行内元素。

 

一、em元素

　　em元素强调一个词或短语。可视化web浏览器往往将其内容显示为斜体，但别的设备可能会用不同的方式表现强调。例如，供有视力障碍的人使用的屏幕阅读软件会用一种不同的声调大声念出em元素的内容。

 

二、strong元素

　　有些词语或短语要求的强调程度比em元素所能提供的更高。strong元素用于对它们进行着重强调。图形化浏览器把strong元素中的文本显示为粗体，但别的设备可能会用不同的方式来进行强调。当然有时为了达到更高的强调程度，可以组合使用strong和em元素（当然，要正确嵌套），以声明其内部文本应被格外着重强调，大多数浏览器会将其显示为斜体加粗体的形式。

 

三、cite元素 

　　cite元素标明对某一资源的引用。这个资源可以是人，可以是书、诗歌、歌曲、影片的标题，还可以是杂志、报纸或网站的名称。它最常用于说明引文的来源。

　　图形化浏览器通常把cite元素的内容呈现为斜体，但是，可以用css来改变这一点。

 

四、q元素

　　q元素用于标记简短的行内引文（与blockquote不同。后者用于不止一、两个句子的长引文）。与blockquote元素类似，q元素也可以具有一个cite属性，用以表示引文来源的URL，如下代码所示：

<q cite="http://www.baidu.com">just do it!</q>

　　根据W3C规范，Web浏览器应该在q元素的开头和结尾自动生成开引号和闭引号。但是并非所有当前流行的浏览器都对这个元素提供了正确的支持。所以，很遗憾，使用这个元素有点不切实际。如果你一定要用q元素，切勿自己加上引号，否则在能够正确呈现该元素的浏览器中会导致出现重复的引号。

 

五、dfn元素

　　dfn元素用于表示术语的定义实例，特别是那种在页面后面部分会不断出现的术语。如果术语的上下文就是对它的定义，那么单单使用dfn元素来表示一个新词的引入就已经足够了。如果毗邻文本并未说明术语的含义，那么应该用dfn元素的title属性提供一个简短定义。dfn通常（被图形化浏览器）显示为斜体，以使其在周围的文本中显得更突出。下面是使用dfn元素的一个实例。

<p>Spaghetti and Cruft offers free wireless broadband internet access so laptop-toting patrons can check their e-mail, publish updates to their <dfn title="short for weblog, a kind of online journal">blogs</dfn>, or even do some honest work.</p>

 

六、abbr和acronym缩写元素

　　缩写是一个较长的术语的简化形式。例如，“etc.”是“et cetera”（拉丁语，意为“等等”）的缩写，“Inc.”是“Incorporated”的缩写。缩写也可以由一个多词短语中各个词的首字母组成，如“Automatic Teller Machine”缩写为“ATM”；或者由一个较长的词中各个音节的首字母组成，如“deoxyribonucleic acid”缩写为“DNA”。后面这两种也叫首字母缩略词。在XHTML中用abbr元素表示缩写。

　　首字母缩略词（acronym）是一种特殊的缩写。它是一个可发音的词，由一个多词短语中各个词的首字母组成，如“personal identification number”的“PIN”；或由一个多词短语中每个词的前面部分组成，例如“system administrator”的“sysadmin”，可以用acronym元素来标记首字母缩略词（acronym）。

　　关于缩写和首字母缩略词的区别，只要记住后者是一个可发音的词即可。如果你读不出一个词，它就可能不是一个首字母缩略词。因为首字母缩略词本身也是一种缩写，所以在这两种元素之间有许多语义上的重叠之处。在web上把它们区别开来很重要，因为屏幕阅读软件的工作方式是：对于abbr元素，读出每一个首字母；对于accronym元素，读出整个词。即便如此，有许多不可发音的缩写（如ATM或CSS）也被认为是首字母缩略词。如果不能肯定，就用abbr，两个元素中最一般化的那个。

 

七、修改文档标签del和ins

　　有时你需要修改文档中的一个短语，但又想清楚地表明什么内容被改过了。这正是行内元素del和ins的用途：del表示被删除的文本，而ins表示插入的文本。del和ins都具有可选属性cite和datetime，前一个属性包含关于修改详情的网页的URL，后一个则指出修改发生的日期和时间。也可以用title属性添加一条对修改的简短说明。

　　在大多数图形化浏览器中，del的内容被显示为带有一条删除线（穿过文本的一条横线）的样子，而ins元素的内容则被显示为带有下划线的文本。习惯上插入的文本跟在删除的文本后面。

Beginning <del datetime="2007-01-04T06:49:15-08:00">January 5th </del><ins datetime="2007-01-04T06:49:35-08:00" title="Delayed one week while we hire more wait staff">January 12th</ins>, we'll be open util 2AM on Fridays and Saturdays.

　　浏览器的执行效果如下图所示：

　　需要注意的是，datetime属性值的格式有很多明确的要求。详情参见W3C的规范(http://www.w3.org/TR/NOTE-datetime.html)。

 

八、编程：<code>、<kbd>、<samp>和<var>元素

　　XHTML中有几个元素专用于标记计算机代码，以便计算机科学家、程序员和Web设计人员发布和共享自己的工作成果。它们都是行内元素，具有同一批标准属性。

　　code元素用于标明一段代码。它并不专用于某种编程语言，因此其内容的语言可以是CSS、Javascript、PHP、Perl、C#或任何需要与周围的人类语言区分开来的编程语言。为了提高可读性，大多数图形化浏览器用等宽字体显示code元素的内容。这种字体中所有字符都有相同的宽度。

　　kbd元素定义由用户键入的文本或者是命令。samp元素表示程序或脚本的输出样例。它们通常都用等宽字体显示。

　　var元素用于标明编程变量或参数，通常显示为斜体文本。

　　code、kbd和samp元素经常与pre元素组合使用，以保留内容的原有格式。

 

九、标签br

　　网页中的长文本行会在抵达其容器的边上时自动换行，换行发生的位置在两个词之间。但是，有时你会希望强迫文本在某一位置换行。br元素正是在这种情况下用来产生换行。它是一个空元素，所以没有文本内容，只有一个标签组成，用一个结尾斜线（/>）自闭合。

　　过去换行元素经常被滥用，要么通过连续使用几个换行以增加空白间隔，从而影响页面布局；要么通过在项之间换行以创建列表；要么通过强迫在文本块之间换行以模仿锻炼的外观。这都是些表现性的小伎俩，不要再犯这种错误。要想增加空间应该使用CSS中的边距（margin）、衬距（padding）和定位设置。而列表和段落则应该标记为列表和段落。br元素应该少用，只有在文本需要它时才用。

 

十、标签hr

　　块级的hr元素用于创建一条横线，作为不同部分的内容之间的分隔线。它主要是一种表现性的元素，但它在语义上的实际意图是宣告前一部分的结束和新一部分的开始。它是一个空元素，必须用一个结尾斜线（/）来自闭合。

　　由于hr元素是块级元素，所以它将独占一行，但是在它上方和下方的空间大小因浏览器而异。为了提高跨浏览器平台的一致性，可以使用CSS来指定hr的上边距和下边距。