html - 为什么 firebug 会自动插入 ？

Question

我在 firebug 中使用“编辑 Html”并插入以下代码:

  <div title="show-details">
    X
    <p class="quick-details">
      <p title="about-player">
        <p title="name">Drew Brees #9</p>
        <p title="position">Quarterback</p>
        <p title="team">The Saints</p>
      </p>
    </p>
  </div>

但是，当我离开编辑 html 模式时，DOM 中实际是这样的:

<div title="show-details">
    X
    <p class="quick-details">
      </p><p title="about-player">
    </p><p title="name">Drew Brees #9</p>
        <p title="position">Quarterback</p>
        <p title="team">The Saints</p>
      <p></p>
    <p></p>
  </div>

我是否遗漏了有关 p 的一些信息？元素有效吗？ MDC 表示内容可以是任何流元素。那些在哪里</p>来自？是火狐吗？ Firebug ？

在我接受答案之前编辑: 显然 <p>不能嵌套在 <p> 中, 这是否意味着 the MDC is wrong或者我在某种程度上误解了它？

Answer 1

是incorrect to nest <p>元素。

Firefox 解析 HTML 以获得 DOM 树。 DOM 树总是 well-formed即使源代码不是。这种表示法也可能以不同方式呈现空白和转义码。

Firebug 主要使用 DOM 表示。这个

• 更简单，
• 不太可能遭受解释上的差异，
• 并使诊断编写不当的 HTML 成为可能。

Firebug 只会在脚本调试之类的情况下返回源代码。