Web标准发展建议与实例(4)

引用

 1<q>来标记简短的单行引用。Web浏览器会自动识别在<q> 之间的内容。不幸的是,IE不能识别,并且有些时候, <q>会引起一些可访问性的问题。正因为如此,一些人建议尽量不要使用 <q>,手动的插入引用标记。在一个包含适当的类的 <span>中加入单行的引用内容,那么就可以用CSS来给引用设计样式了,但是这个没有语义上的意义。 您可以读读Mark Pilgrim写的The Q tag 关于处理<q>相关问题的看法。 
 2
 3对于那些一段或者好几段的长篇引用,就应当使用 <blockquote>了。CSS可以用来定义引用的样式。注意,一段文章是不可以直接放在 <blockquote>中的,引用的内容还必须包含在一个元素中,通常是<p>。 
 4
 5属性cite既可以与<q> 一起用,也可以与<blockquote>一起用,用来提供引用内容的来源地址。需要注意的是,如果你使用 <span>来代替 <q>标记引用内容,那么你就不能使用 cite属性了。 
 6
 7**例如:**
 8
 9<p>我的座佑名<q cite=" http://www.x5.com.cn/ ">别人的高标准,是我的基本要求。</q>.</p>我的座佑名别人的高标准,是我的基本要求。. 
10
11<p>我的座佑名<span class="quote">“别人的高标准,是我的基本要求。”</span>.</p>我的座佑名“别人的高标准,是我的基本要求。”. 
12
13<blockquote cite=" http://www.w3cn.org/ ">
14<p>“我们大部分人都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时, 我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战", 为了兼容Netscape和IE,网站不得不为这两种浏览器写不同的代码。同样的, 每当新的网络技术和交互设备的出现,我们也需要制作一个新版本来支持这种新技术或新设备, 例如支持手机上网的WAP技术。类似的问题举不胜举:网站代码臃肿、繁杂浪费了我们大量的带宽; 针对某种浏览器的DHTML特效,屏蔽了部分潜在的客户;不易用的代码,残障人士无法浏览网站等等。 这是一种恶性循环,是一种巨大的浪费。”</p></blockquote>
15
16“我们大部分人都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时,我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战",为了兼容Netscape和IE,网站不得不为这两种浏览器写不同的代码。同样的,每当新的网络技术和交互设备的出现,我们也需要制作一个新版本来支持这种新技术或新设备,例如支持手机上网的WAP技术。类似的问题举不胜举:网站代码臃肿、繁杂浪费了我们大量的带宽;针对某种浏览器的DHTML特效,屏蔽了部分潜在的客户;不易用的代码,残障人士无法浏览网站等等。这是一种恶性循环,是一种巨大的浪费。 ” 
17
18**强调**
19
20<em> 是用作强调的,<strong>是用作重点强调的。 大部分浏览器用斜体显示强调的内容,用粗体来显示重点强调的内容,然而,这是没有必要的,如果是为了确定强调内容的显示方式,最好的方法就是使用CSS来定义他们的表现。当你想要的只是视觉上的效果时,就不要使用强调了。 
21
22**例如:**
23
24<p><em>强调</em> 的文本通常用斜体显示,然而, <strong> **特别强调** </strong> 的文本通常以粗体显示。</p>强调的文本通常用斜体显示, 然而,特别强调的文本通常以粗体显示。 
25
26**表格**
27
28XHTML中的表格不应用来布局。然而如果是为了标记列表的数据,就应该使用表格了。为了使数据表格有更强的访问性,了解和使用各种构造表格的组件就很重要了。比如表格标题 (<th>)、摘要(summary 属性)和首部说明 ( <caption>标签). 
29
30**例如:**
31
32<table class="举例" summary="1999年到2003年,列表显示中国的平均人口增长率。">
33<caption>中国的年均人口的增长, 1999-2003</caption>
34<thead>
35<tr>
36<td> </td>
37<th scope="col">1999</th>
38<th scope="col">2000</th>
39<th scope="col">2001</th>
40<th scope="col">2002</th>
41<th scope="col">2003</th>
42</tr>
43</thead>
44<tbody>
45<tr>
46<th>人口</th>
47<td scope="row">8 861 426</td>
48<td scope="row">8 882 792</td>
49<td scope="row">8 909 128</td>
50<td scope="row">8 940 788</td>
51<td scope="row">8 975 670</td>
52</tr>
53<tr>
54<th>增长</th>
55<td scope="row">7 104</td>
56<td scope="row">21 366</td>
57<td scope="row">26 368</td>
58<td scope="row">31 884</td>
59<td scope="row">34 882</td>
60</tr>
61</tbody>
62</table>
63
64中国的年均人口的增长, 1999-2003  |  1999  |  2000  |  2001  |  2002  |  2003   
65---|---|---|---|---|---  
66人口  |  8 861 426  |  8 882 792  |  8 909 128  |  8 940 788  |  8 975 670   
67增长  |  7 104  |  21 366  |  26 368  |  31 884  |  34 882</caption></th></strong></em></q></span></blockquote></q></p></blockquote></blockquote></q></span></q></q></q></q>
Published At
Categories with 站长专区
comments powered by Disqus