無障礙網路空間服務網無障礙網路空間服務網

5.1:H105100 對於每一個存放資料的表格(不是用來排版),標示出行和列的標題

不良設計

以下是不良設計,沒有使用TH標籤標示出表格行列標題。

不良設計:

  <TABLE border="1"
  summary="李小安國會議員每天約飲用10杯加糖的摩卡咖啡,吳大義國會議員每天約飲用5杯不加糖的拿鐵咖啡">
  <CAPTION>
  李小安、吳大義國會議員每天所飲用的咖啡數量
  </CAPTION>
  <TR>
  <TD>議員姓名</TD>
  <TD>飲用咖啡數量(杯)</TD>
  <TD abbr="Type">咖啡種類</TD>
  <TD>是否加糖?</TD>
  </TR>
  <TR>
  <TD>李小安</TD>
  <TD>10</TD>
  <TD>摩卡</TD>
  <TD>是</TD>
  </TR>
  <TR>
  <TD>吳大義</TD>
  <TD>5</TD>
  <TD>拿鐵</TD>
  <TD>否</TD>
  </TR>
  </TABLE>
          

正確示範

以下是正確範例,使用TH標籤替表格行列標示出標題。

正確範例:

  <TABLE border="1"
  summary="李小安國會議員每天約飲用10杯加糖的摩卡咖啡,吳大義國會議員每天約飲用5杯不加糖的拿鐵咖啡。">
  <CAPTION>
  李小安、吳大義國會議員每天所飲用的咖啡數量
  </CAPTION>
  <TR>
  <TH>議員姓名</TH>
  <TH>飲用咖啡數量(杯)</TH>
  <TH abbr="Type">咖啡種類</TH>
  <TH>是否加糖?</TH>
  </TR>
  <TR>
  <TD>李小安</TD>
  <TD>10</TD>
  <TD>摩卡</TD>
  <TD>是</TD>
  </TR>
  <TR>
  <TD>吳大義</TD>
  <TD>5</TD>
  <TD>拿鐵</TD>
  <TD>否</TD>
  </TR>
  </TABLE>
          
網頁內容結束分隔線