<p>“我們大部分人都有深刻體驗(yàn),每當(dāng)主流瀏覽器版本的升級(jí),我們剛建立的網(wǎng)站就可能變得過時(shí), 我們就需要升級(jí)或者重新建造一遍網(wǎng)站。例如1996-1999年典型的"瀏覽器大戰(zhàn)", 為了兼容Netscape和IE,網(wǎng)站不得不為這兩種瀏覽器寫不同的代碼。同樣的, 每當(dāng)新的網(wǎng)絡(luò)技術(shù)和交互設(shè)備的出現(xiàn),我們也需要制作一個(gè)新版本來支持這種新技術(shù)或新設(shè)備, 例如支持手機(jī)上網(wǎng)的WAP技術(shù)。類似的問題舉不勝舉:網(wǎng)站代碼臃腫、繁雜浪費(fèi)了我們大量的帶寬; 針對(duì)某種瀏覽器的DHTML特效,屏蔽了部分潛在的客戶;不易用的代碼,殘障人士無法瀏覽網(wǎng)站等等。 這是一種惡性循環(huán),是一種巨大的浪費(fèi)。”</p></blockquote>
“我們大部分人都有深刻體驗(yàn),每當(dāng)主流瀏覽器版本的升級(jí),我們剛建立的網(wǎng)站就可能變得過時(shí),我們就需要升級(jí)或者重新建造一遍網(wǎng)站。例如1996-1999年典型的"瀏覽器大戰(zhàn)",為了兼容Netscape和IE,網(wǎng)站不得不為這兩種瀏覽器寫不同的代碼。同樣的,每當(dāng)新的網(wǎng)絡(luò)技術(shù)和交互設(shè)備的出現(xiàn),我們也需要制作一個(gè)新版本來支持這種新技術(shù)或新設(shè)備,例如支持手機(jī)上網(wǎng)的WAP技術(shù)。類似的問題舉不勝舉:網(wǎng)站代碼臃腫、繁雜浪費(fèi)了我們大量的帶寬;針對(duì)某種瀏覽器的DHTML特效,屏蔽了部分潛在的客戶;不易用的代碼,殘障人士無法瀏覽網(wǎng)站等等。這是一種惡性循環(huán),是一種巨大的浪費(fèi)。 ”
強(qiáng)調(diào)
<em> 是用作強(qiáng)調(diào)的,<strong>是用作重點(diǎn)強(qiáng)調(diào)的。 大部分瀏覽器用斜體顯示強(qiáng)調(diào)的內(nèi)容,用粗體來顯示重點(diǎn)強(qiáng)調(diào)的內(nèi)容,然而,這是沒有必要的,如果是為了確定強(qiáng)調(diào)內(nèi)容的顯示方式,最好的方法就是使用CSS來定義他們的表現(xiàn)。當(dāng)你想要的只是視覺上的效果時(shí),就不要使用強(qiáng)調(diào)了。
例如:
<p><em>強(qiáng)調(diào)</em> 的文本通常用斜體顯示,然而, <strong>特別強(qiáng)調(diào)</strong> 的文本通常以粗體顯示。</p>強(qiáng)調(diào)的文本通常用斜體顯示, 然而,特別強(qiáng)調(diào)的文本通常以粗體顯示。
表格
XHTML中的表格不應(yīng)用來布局。然而如果是為了標(biāo)記列表的數(shù)據(jù),就應(yīng)該使用表格了。為了使數(shù)據(jù)表格有更強(qiáng)的訪問性,了解和使用各種構(gòu)造表格的組件就很重要了。比如表格標(biāo)題 (<th>)、摘要(summary 屬性)和首部說明 ( <caption>標(biāo)簽).
例如:
<table class="舉例" summary="1999年到2003年,列表顯示中國(guó)的平均人口增長(zhǎng)率。">
<caption>中國(guó)的年均人口的增長(zhǎng), 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>增長(zhǎng)</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>