Какие элементы "действительны" для размещения внутри тега <td>?

Я знаю, что не стоит размещать div внутри td, но как насчет span и других элементов? Какие элементы удобно размещать внутри td, а какие нет и почему?

Изменить: проблема в том, что у меня старый макет table, и мне нужно внести туда изменения. Для этого мне нужно добавить элементы внутри td, поэтому какие элементы будут наименее злыми, чтобы вставить в <td>?

Ответ 1

HTML spec указывает, какие элементы могут быть прямыми детекторами других элементов.

Элемент <td> имеет flow content модель контента, что означает, что он может содержать:

а сокр адрес область (если он является потомком элемента карты) статьи в стороне аудио б холста кнопки BDI БДО BLOCKQUOTE уша процитировать код команду DataList дель детали DFN диалогового Диво дл, эм встраивать Fieldset фигуры колонтитула форма h1 h2 h3 h4 h5 h6 заголовок HGroup ч я IFrame IMG входа Ins KBD кейген карта этикетки метка математика метр меню нав NoScript объекта ол выхода р предварительно прогресс д рубинового с SAMP script раздел выбора мал диапазоном сильного стиля (если область действия атрибут присутствует) суб виры SVG таблицы текстового поле время u ul var video wbr text

Ответ 2

Идея о том, что вы не должны помещать div внутри table, больше связана с использованием семантической разметки с CSS для стилизации макета.

При этом <table> и связанные с ним элементы должны использоваться для отображения данных в табличном формате. Если имеет смысл, если одна из ячеек в таблице содержит более сложную разметку, то пусть будет и так.

В прошлом использовалась <table>, потому что она легко давала веб-сайту макет сетки, но теперь это должно быть сделано с помощью CSS, чтобы ваш сайт стал более доступным.