Атрибут width тега <td>

Описание

Атрибут width для элемента <td> задаёт ширину ячейки таблицы в пикселях или процентах. Это устаревший HTML-атрибут, который рекомендуется заменять на CSS-свойство width.

Пример использования (устаревший способ):
<table border="1"> <tr> <td width="150">Ширина 150px</td> <td width="30%">Ширина 30%</td> </tr> </table>

Современная CSS-альтернатива:

<style> .fixed-width { width: 150px; } .percent-width { width: 30%; } </style> <table border="1"> <tr> <td class="fixed-width">Ширина 150px</td> <td class="percent-width">Ширина 30%</td> </tr> </table>

Рекомендации по управлению шириной:

Подход Преимущества Когда использовать
Фиксированная ширина (px) Точный контроль размера Для колонок с иконками или точными значениями
Относительная ширина (%) Адаптивность Для основного контента таблицы
min-width/max-width Гибкие ограничения Для адаптивных таблиц

Особенности работы:

  • Ширина ячейки влияет на ширину всего столбца
  • При использовании процентов ширина рассчитывается относительно таблицы
  • CSS-решение предоставляет больше возможностей контроля
  • Для сложных макетов лучше использовать CSS table-layout

Ограничения устаревшего атрибута:

  • Не проходит валидацию в HTML5
  • Ограниченная гибкость по сравнению с CSS
  • Не поддерживает min/max-width
  • Может конфликтовать с CSS-стилями

Примечание: Для сложных адаптивных таблиц используйте CSS-свойство table-layout: fixed в сочетании с явным заданием ширины столбцов.