HTML5：其他标签内有效标签的参考答案

【问题标题】：HTML5: Reference for valid tags inside other tagsHTML5：其他标签内有效标签的参考
【发布时间】：2012-11-20 14:48:37
【问题描述】：

不久前，我将w3c validator 用于HTML5，并且我正在尝试使用一个标签来替换已弃用的<tt> 标签。我输入了这个小例子：

<!DOCTYPE html>
<html>
<head><title>Valid tags inside other tags</title></head>
<body>

<p>Inside paragraph you cannot use <pre>preformated text</pre></p>

</body>
</html>

得到了这个错误：

第 6 行，第 66 列：范围内没有 p 元素，但看到了一个 p 结束标记。

但是当我将<pre> 标记更改为<code> 标记时，没有引发错误。

我想这是因为你不能在段落中包含预先格式化的文本，但我没有运气搜索正则表达式或可以将我指向其他标签内的有效标签的东西。

谁能给我指出这样的资源？

编辑：

原来我不擅长阅读文档，而且我没有看过块级元素。那么，现在的问题是，如何知道哪些是有效的内联元素，以及如何在其他块级元素中使用块级元素？

【问题讨论】：

为什么你不能将你的文本包裹在 div 中？也许这会对你有所帮助：stackoverflow.com/questions/4291467/…
@eric.itzhak 好的，我正在检查它。

标签： html validation

【解决方案1】：

在 HTML5 中，block 和 inline 的旧类别已被扩展并替换为 new content model。 block 和 inline 之间的区别现在只有 in CSS 才真正重要。

如果您查看any particular element in the spec，您会看到它有一个列表，其中包含它所属的content categories、元素可以使用的类别以及其后代的允许内容模型。

p element 具有短语内容的内容模型，因此它不能包含 pre element，因为它只能用于预期流内容的地方。

【讨论】：