Это в порядке для использования cellpadding = “2” cellspacing = “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...

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

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

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

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

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

w3schools: тег td

w3schools: тег таблицы

Нет, атрибуты официально не считаются устаревшими, но обычно к ним относятся неодобрительно, так как вы должны использовать 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;
}