Ошибка проверки HTML 5 для таблиц> td width при назначении width="#%"

Детали ошибки:

Атрибут width в элементе td устарел. Вместо этого используйте CSS. Из строки 81, столбец 15; по строке 82, столбец 50:

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

Подробности:

Мой текущий веб-сайт, где у меня есть более 20 таблиц и множество различных чисел и размеров для внутри тд. Я верю, что присвоение ширины через класс для каждой таблицы, и тогда внутри td меня тошнит. Чтобы избежать этого, я могу просто жестко закодировать ширину для таблиц и соответствующее значение td (только для первой строки) один раз в таблице с атрибутом "style". имеет смысл?

Что еще более важно текущая таблица № (20) может быть увеличена до (30 или 40).

Правда, я не люблю жёсткое программирование вообще!! поэтому я очень заинтересован, если есть какой-либо другой способ справиться с шириной стола.. пожалуйста, помогите мне в этом..

Источник

1 ответ

Вы можете использовать <colgroup> элемент HTML 5. Затем вы можете определить различные классы, которые могут быть использованы повторно, так что

  • для всех столбцов с 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>
Источник
Другие вопросы по тегам