Какие элементы "действительны" для размещения внутри тега <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, чтобы ваш сайт стал более доступным.