表格的HTML 5验证错误>指定为width =“#%”时的td宽度

时间:2012-04-03 15:01:29

标签: html css html-validation

错误详情:

td元素的width属性已过时。请改用CSS。 从第81行,第15栏;到第82行,第50栏:

<tr><td width="6%" class="texalign_right">Name:</t..

详情:

我目前的网站,我有超过20张桌子和许多不同数量和大小的内部td&#39; s。我相信为每个表分配宽度,然后在td里面会让我生病.. 为了避免这种情况,我可以简单地在表格中对表格和相应的td(仅针对第一行)进行硬编码,其中&#34;样式&#34;属性..这有意义吗?

更重要的是,当前表#(20)可能会增加到(30或40)。

真的,我根本不喜欢硬编码!所以如果有任何其他方法来处理桌子宽度,我非常感兴趣..请帮助我...

1 个答案:

答案 0 :(得分:2)

您可以使用HTML 5的<colgroup>元素。然后,您可以定义可以重复使用的不同类,以便

    对于width=6%的所有列,
  • 定义一个类colWidth6
  • 对于width=8%的所有列,
  • 定义一个类colWidth8

您无需为表本身定义单独的类。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">
            .colWidth6{width:6%}
            .colWidth8{width:8%}
        </style>
    </head>
    <body>
        <table border="1">
            <colgroup>
                <col class="colWidth6">
                <col class="colWidth8">
            </colgroup>
            <tbody>
                <tr>
                    <td>Cell 1</td>
                    <td>Cell 2</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>