为什么页脚标签移出p标签？

Question

在此FIDDLE中， public static string ReverseName( string theName) { string revName = string.Empty; foreach (char a in theName) { revName = a + revName; } return revName; } 标记在呈现时会移出<footer>标记，即使在HTML中它放在<p>标记内也是如此。

anybuddy可以解释这种行为吗？

HTML

<p>

CSS

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus voluptatum tenetur sunt cumque quod non, excepturi, pariatur qui dolorem ipsum, nesciunt veniam ab! Quos vero perferendis, consequuntur modi, doloremque tempore!
<footer>Some footer </footer>

Answer 1

答案很简单。

<footer>，<p>标记内不允许使用

<span>标记等。就像<p>内不允许<span>标记一样。

但您可以在<p>内使用<footer>。

<footer>本身是一个独立的部分（它有一个语义告诉浏览器该部分是html页面的页脚并且有一个显示块）。

Answer 2

将<p>标记替换为<div>

Answer 3

Dyana Putry没有回答这个问题，但是当我尝试她所建议的时候，它确实明白了为什么会这样做。此外，Rob（另一个comm输入）指出<p>元素只能包含短语内容，而页脚最近的祖先必须是分段元素。

这使我得出结论，它完全取决于父元素类型。 <p>，一个短语上下文元素不能有任何分区上下文元素。虽然<div>可以在任何上下文中使用一般元素，但浏览器并不介意<footer>内的<div>分段元素。