|
加上摘要
另外,我們也能為<table>標(biāo)簽加上summary屬性,進(jìn)一步解釋這個(gè)表格的目的和內(nèi)容,摘要屬性對(duì)非可視化瀏覽器尤為重要,這能幫助它們解說(shuō)表格的內(nèi)容.
以下是為示例表格加上摘要屬性的代碼:
<table summary="This table is a chart of all Boston Red Sox World Series wins." >
<caption>Boston Red Sox World Series Championships</caption>
<tr>
<td align="center"><b>Year</b></td>
<td align="center"><b>Opponent</b></td>
<td align="center"><b>Season Record (W-L)</b></td>
</tr>
<tr>
<td>1918</td>
<td>Chicago Cubs</td>
<td>75-51</td>
</tr>
<tr>
<td>1916</td>
<td>Brooklyn Robins</td>
<td>91-63</td>
</tr>
<tr>
<td>1915</td>
<td>Philadelphia Phillies</td>
<td>101-50</td>
</tr>
<tr>
<td>1912</td>
<td>New York Giants</td>
<td>105-47</td>
</tr>
</table>
表格的表頭
在建立數(shù)據(jù)表格時(shí),善用表頭是件很重要的工作.在標(biāo)記重要單元格時(shí),我們可以發(fā)揮<th>標(biāo)簽的作用,而不是使用<b>之類(lèi)在顯示上暗示用戶這個(gè)單元格是重要的的顯示效果標(biāo)簽.就像我們?cè)诘诙轮惺褂脴?biāo)題標(biāo)簽標(biāo)記段落標(biāo)題一樣.
可視化瀏覽器或許會(huì)以粗體居中的效果顯示<th>標(biāo)簽中的內(nèi)容,但是我們依然可以用<th>標(biāo)簽的獨(dú)特性,稍后再給這些重要的內(nèi)容加上不同的樣式,以便于存放在<td>內(nèi)的一般資料及進(jìn)行區(qū)別.
除顯示效果的優(yōu)勢(shì)外,使用<th>標(biāo)簽也能幫助非可視化瀏覽器 — 這部分我們稍后進(jìn)行深入討論.
示例表格中的表頭是最上面的那一行: Year,Opponent和Season Record(W-L).我們來(lái)把剛才的顯示效果標(biāo)簽替換成正確的表頭標(biāo)簽:
<table summary="This table is a chart of all Boston Red Sox World Series wins.">
<caption>Boston Red Sox World Series Championships</caption>
<tr>
<th>Year</th>
<th>Opponent</th>
<th>Season Record (W-L)</th>
</tr>
<tr>
<td>1918</td>
<td>Chicago Cubs</td>
<td>75-51</td>
</tr>
<tr>
<td>1916</td>
<td>Brooklyn Robins</td>
<td>91-63</td>
</tr>
<tr>
<td>1915</td>
<td>Philadelphia Phillies</td>
<td>101-50</td>
</tr>
<tr>
<td>1912</td>
<td>New York Giants</td>
<td>105-47</td>
</tr>
</table>
使用<th>標(biāo)簽來(lái)標(biāo)記表頭單元格和圖3-1中的效果是一樣的,讓我們來(lái)看看為什么這個(gè)方法比較好:
我們不必使用額外的顯示效果標(biāo)簽讓表頭突出顯示在資料內(nèi)容之外.
根據(jù)默認(rèn)設(shè)置,大部分可視化瀏覽器都會(huì)以粗體居中的效果展示<th>標(biāo)簽中的內(nèi)容.讓使用者輕易分辨出表頭和表格內(nèi)容的區(qū)別.
由于它和<td>標(biāo)簽是相對(duì)獨(dú)立的,因此我們能為表頭加上與資料內(nèi)容不同的樣式.
使用表頭標(biāo)簽的其他好處我們?cè)诮酉氯サ恼鹿?jié)中繼續(xù)討論.
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 標(biāo)記語(yǔ)言——邪惡的表格? [1] 下一頁(yè) 標(biāo)記語(yǔ)言——邪惡的表格? [3]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 2 頁(yè) 標(biāo)記語(yǔ)言——邪惡的表格? [2]
