th标签作为td细胞的页脚

时间:2013-05-09 17:15:16

标签: html html-table

使用'th'标记作为'td'单元格中多个页脚的替代方法,语义是否错误?

示例http://jsfiddle.net/marcelozep/DwsrS/

 <table border="0">

                <tr>
                <td><a href='http://mpn.p.ht/wp_br2/?cat=7'><img src 
= "http://mpn.p.ht/wp_br2/wp-content/themes/snapshot/images/m/polos_manga_curta.jpg" />
</a>
</td>
                <td><a href='http://mpn.p.ht/wp_br2/?cat=8'><img src 
= "http://mpn.p.ht/wp_br2/wp-content/themes/snapshot/images/m/polos_manga_longa.jpg" />
</a>
</td>
                <td><a href='http://mpn.p.ht/wp_br2/?cat=9'><img src 
= "http://mpn.p.ht/wp_br2/wp-content/themes/snapshot/images/m/camisetas.jpg" /></a></td>
                </tr>
                <tr>
                <th><a href='http://mpn.p.ht/wp_br2/?
cat=7'>P&oacute;los manga curta</a></th>
                <th><a href='http://mpn.p.ht/wp_br2/?
cat=8'>P&oacute;los manga longa</a></th>
                <th><a href='http://mpn.p.ht/wp_br2/?
cat=9'>Camisetas</a></th>
                </tr>

                <tr>
                <td><a href='http://mpn.p.ht/wp_br2/?cat=10'><img 
src = "http://mpn.p.ht/wp_br2/wp-content/themes/snapshot/images/m/calcas.jpg" /></a>
</td>
                <td><a href='http://mpn.p.ht/wp_br2/?cat=11'><img 
src = "http://mpn.p.ht/wp_br2/wp-content/themes/snapshot/images/m/bermudas.jpg" /></a>
</td>
                <td><a href='http://mpn.p.ht/wp_br2/?cat=12'><img 
src = "http://mpn.p.ht/wp_br2/wp-content/themes/snapshot/images/m/jaquetas.jpg" /></a>
</td>
                </tr>
                <tr>
                <th><a href='http://mpn.p.ht/wp_br2/?
cat=10'>Cal&ccedil;as</a></th>
                <th><a href='http://mpn.p.ht/wp_br2/?
cat=11'>Bermudas</a></th>
                <th><a href='http://mpn.p.ht/wp_br2/?
cat=12'>Jaquetas</a></th>
                </tr>

                <tr>
                <td><a href='http://mpn.p.ht/wp_br2/?cat=13'><img 
src = "http://mpn.p.ht/wp_br2/wp-content/themes/snapshot/images/m/cardigans.jpg" /></a>
</td>
                <td><a href='http://mpn.p.ht/wp_br2/?cat=14'><img 
src = "http://mpn.p.ht/wp_br2/wp-content/themes/snapshot/images/m/blusoes.jpg" /></a>
</td>
                <td><a href='http://mpn.p.ht/wp_br2/?cat=15'><img 
src = "http://mpn.p.ht/wp_br2/wp-content/themes/snapshot/images/m/acessorios.jpg" /></a>
</td>
                </tr>
                <tr>
                <th><a href='http://mpn.p.ht/wp_br2/?
cat=13'>Cardigans</a></th>
                <th><a href='http://mpn.p.ht/wp_br2/?
cat=14'>Blus&otilde;es</a></th>
                <th><a href='http://mpn.p.ht/wp_br2/?
cat=15'>Acess&oacute;rios</a></th>
                </tr>

                </table>

这是一个包含3列和3行的表。我试图在每一行都使用'tfoot',但实际上,没有多大意义。

该表可以使用下面的'th'标签来完成'td'单元格吗?

2 个答案:

答案 0 :(得分:2)

th element已被定义为包含标题信息的单元格。这是模糊的,但是示例和实践表明它应该是列或行的标题,而不是单个单元格的标题。与此不同的是,实际上可能会混淆可能以与简单模型相对应的方式读取th元素的辅助软件的用户。

当您可以使用th代替并根据需要设置样式时,使用td确实没有需要。即使使用<td align=center><b>...</b></td>也比将内容误传为列或行标题更好。

这里你应该真正使用的标记是一个不同的问题,如果没有关于整体结构的更多信息,就无法建设性地解决。

答案 1 :(得分:0)

可以在你的桌子上使用th。它将文本居中并使其变为粗体。您也可以使用标准td并根据自己的喜好格式化文本。您可以在http://www.w3schools.com/tags/tag_th.asp

找到相关信息