html - 为什么 Chrome 会向我的页面添加额外的 html？

Question

我的 html 文档中有一段代码看起来像这样:

<p style="[some stype]">
    <span style="[some_style]">Request ID : </span>
    <a name="request_id" />
</p>
<p>....</p>

当我在 Chrome 中打开它并检查 <p>元素，这是显示的内容:

<p style="[some stype]">
    <span style="[some_style]">Request ID : </span>
    <a name="request_id" />
</p>
<a name="request_id">
    </a>
<p>....</p>

它实际上添加了另一个相同的 <a>第一页下的标签。

但是，如果我选择“查看页面源代码”，则显示的 HTML 代码与我的文件中的相同。 为什么 Chrome 会添加额外的 <a>进入 HTML？

注意:我知道 name是 <a> 的无效属性然而，这就是从 docx 转换为这种格式时书签在 HTML 中的表示方式，所以我坚持使用它。

Answer 1

<a>不是自闭标签。使用<a />无效(而不是 <a></a> )在 HTML 中(为了兼容性，不建议在 XHTML 中使用)。

<p style="[some style]">
    <span style="[some_style]">Request ID : </span>
    <a name="request_id"></a>
</p>