Можно ли использовать cellpadding = "2" cellspacing = "2" в <table>?

Question

Можно ли использовать cellpadding="2" cellspacing="2" в <table>? Или они не рекомендуются W3C и не соответствуют веб-стандартам?

Какие есть альтернативы в CSS?

Обновление : и можно ли использовать <td align="right" valign="top">?

Мой вопрос касается разделения контента и презентации и рекомендаций W3C.

Обновление : Согласно этому графику в <table> только align и bgcolor не допускаются в строгой версии. Так можно ли разрешить другие свойства <table>?

альтернативный текст http://shup.com/Shup/293811/11021055643-My-Desktop.png

Answer 1

Нет, атрибуты официально не рекомендуется, но они, как правило, осуждаются, так как вы должны использовать CSS для презентации.

Для cellpadding вы можете легко заменить его на padding в CSS:

table.classname td {
  padding: 4px;
}

Для cellspacing сначала решите, действительно ли это необходимо. Если у вас нет никаких границ в ячейках таблицы, или вы не хотите, чтобы интервал между границами каждой ячейки, то это не так. (Лично я думаю, что расстояние между ячейками выглядит плохо с точки зрения дизайна, но в некоторых обстоятельствах это может быть полезно.)

Довольно приятно сделать это:

table {
  border-collapse: collapse;
}

Затем каждая ячейка таблицы разделяет границу со своим соседом, что означает, что вы можете добавить, скажем, верхнюю и нижнюю границы размером 1 пиксель, и вы просто получите 1 пиксель, разделяющий каждую строку.

Однако для разделения границ вы можете использовать этот CSS, хотя он, вероятно, не работает в IE6.

table.data td {
  border-collapse: separate;
  border-spacing: 4px;
}

Answer 2

Хотя это технически хорошо, настоятельно не рекомендуется.

Представьте, что на вашем сайте было много таблиц на многих страницах, и вы хотели изменить отступы или интервал по тем или иным причинам. Что ж, вам придется пройти весь ваш сайт и внести изменения.

Или вы можете использовать CSS и изменить весь свой сайт, изменив строку кода в одном месте. Это не только намного эффективнее, но и проще, помогает вам избежать ошибок и сохраняет последовательность.

<style type="text/css">
    table td { padding:10px; margin:10px; }
</style>

Если вы хотите использовать некоторые таблицы с отступами и полями, а другие без, вы можете создать классы в своем CSS, добавив «.» перед именем по вашему выбору:

<style type="text/css">
    .myTable td { padding:10px; margin:10px; }
</style>
<table class="myTable> etc...

Обратите внимание, что имена классов чувствительны к регистру. Есть также много других атрибутов, с которыми вы можете повеселиться, например, границы, цвет фона и т. Д. *

Короче говоря, хотя атрибуты между ячейками и отступами не устарели, гораздо удобнее использовать CSS для простоты и согласованности на вашем сайте.

Answer 3

<style type="text/css">
table.padded-table td { 
    padding:10px; 
    }
</style>

Answer 4

Свойства заполнения ячеек и расстояния между ними все еще полностью поддерживаются. Хотя некоторые люди скажут вам сделать это с помощью CSS, задающего отступы и поля для ячеек таблицы, это все же простой способ применить его к каждой ячейке таблицы.

Если вам нужен список объектов недвижимости, а какие из них устарели, я считаю w3schools наиболее надежным источником информации.

w3schools: тд тег

w3schools: таблица тегов