Может кто-нибудь сказать мне, разрешен ли div внутри таблицы или нет в соответствии с w3c
Div внутри таблицы
Ответ 1
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>test</title>
</head>
<body>
<table>
<tr>
<td>
<div>content</div>
</td>
</tr>
</table>
</body>
</html>
Этот документ был успешно проверен как XHTML 1.0 Transitional!
Ответ 2
Вы не можете поместить div
непосредственно внутри table
, например:
<!-- INVALID -->
<table>
<div>
Hello World
</div>
</table>
Ввод div
внутри элемента td
или th
в порядке, однако:
<!-- VALID -->
<table>
<tr>
<td>
<div>
Hello World
</div>
</td>
</tr>
</table>
Ответ 3
вы можете поместить теги div в тег td, но не непосредственно внутри таблицы или тэга. примеры:
Это работает:
<table>
<tr>
<td>
<div>This will work.</div>
</td>
</tr>
<table>
Ответ 4
Пока вы, как заметили другие, можете добавить DIV внутри TD (а не как прямой дочерний элемент TABLE), я настоятельно рекомендую использовать DIV в качестве дочернего элемента TD. Если, конечно, вы не болеете головными болями.
Мало что можно получить, и многое потеряно, так как существует множество различий между браузерами в отношении того, как ширины, поля, границы и т.д. обрабатываются при объединении двух. Я не могу сказать, сколько раз мне приходилось очищать эту разметку для клиентов, потому что у них возникли проблемы с отображением их HTML в том или ином браузере.
И снова, если вы не суетитесь о том, как выглядят вещи, пренебрегайте этим советом.
Ответ 5
Разрешено, поскольку TD может содержать встроенные и блок-элементы.
Здесь вы можете найти его в ссылке: http://xhtml.com/en/xhtml/reference/td/#td-contains