【图】Web标准发展建议与好的实例之了解基础变化

在学习中遇到问题可以到论坛发贴交流！

引用

用<q来标记简短的单行引用。Web浏览器会自动识别在<q 之间的内容。不幸的是，IE不能识别，并且有些时候， <q会引起一些可访问性的问题。正因为如此，一些人建议尽量不要使用 <q,手动的插入引用标记。在一个包含适当的类的 <span中加入单行的引用内容，那么就可以用CSS来给引用设计样式了，但是这个没有语义上的意义。您可以读读Mark Pilgrim写的The Q tag 关于处理<q相关问题的看法。

对于那些一段或者好几段的长篇引用，就应当使用 <blockquote了。CSS可以用来定义引用的样式。注意，一段文章是不可以直接放在 <blockquote中的，引用的内容还必须包含在一个元素中，通常是<p。

属性cite既可以与<q 一起用，也可以与<blockquote一起用，用来提供引用内容的来源地址。需要注意的是，如果你使用 <span来代替 <q标记引用内容,那么你就不能使用 cite属性了。

例如:

<p我的座佑名<q cite="http://www.x5.com.cn/" 别人的高标准，是我的基本要求。</q.</p我的座佑名别人的高标准，是我的基本要求。

<p我的座佑名<span class="quote"“别人的高标准，是我的基本要求。”</span.< /p我的座佑名别人的高标准，是我的基本要求。

<blockquote cite='http://www.w3cn.org/'

<p“我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。”</p</blockquote

我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如 1996-1999年典型的"浏览器大战"，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。

强调

<em 是用作强调的，<strong是用作重点强调的。大部分浏览器用斜体显示强调的内容，用粗体来显示重点强调的内容，然而，这是没有必要的，如果是为了确定强调内容的显示方式，最好的方法就是使用CSS来定义他们的表现。当你想要的只是视觉上的效果时，就不要使用强调了。

例如:
<p<em强调</em 的文本通常用斜体显示，然而， <strong特别强调</strong 的文本通常以粗体显示。</p强调的文本通常用斜体显示, 然而，特别强调的文本通常以粗体显示。

表格

XHTML中的表格不应用来布局。然而如果是为了标记列表的数据，就应该使用表格了。为了使数据表格有更强的访问性，了解和使用各种构造表格的组件就很重要了。比如表格标题 (<th)、摘要(summary 属性)和首部说明 ( <caption标签).

例如:
<table class="举例" summary="1999年到2003年，列表显示中国的平均人口增长率。"
<caption中国的年均人口的增长, 1999-2003</caption
<thead
<tr
<td </td
<th scope="col"1999</th
<th scope="col"2000</th
<th scope="col"2001</th
<th scope="col"2002</th
<th scope="col"2003</th
</tr
</thead
<tbody
<tr
<th人口</th
<td scope="row"8 861 426</td
<td scope="row"8 882 792</td
<td scope="row"8 909 128</td
<td scope="row"8 940 788</td
<td scope="row"8 975 670</td
</tr
<tr
<th增长</th
<td scope="row"7 104</td
<td scope="row"21 366</td
<td scope="row"26 368</td
<td scope="row"31 884</td
<td scope="row"34 882</td
</tr
</tbody
</table