为什么firebug自动插入</ p>？

Question

我在firebug中使用"Edit 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>来自哪里？是火狐吗？萤火虫？

在我接受答案之前编辑:显然<p>无法嵌套<p>,这是否意味着MDC是错误的还是我在某种程度上误解了它？

Answer 1

嵌套 <p>元素是不正确的.

Firefox解析HTML以获取DOM树.即使源代码不是,DOM树总是格式良好.此表示还可能以不同方式呈现空格和转义码.

Firebug主要用于DOM表示.这个

• 更简单,
• 不太可能遭受解释的差异,
• 并且可以诊断写得不好的HTML.

Firebug仅会针对脚本调试等内容返回源代码.