为什么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>在第一个p下添加了另一个相同的标签.

但是,如果我选择"查看页面源",则显示的HTML代码与我的文件中的HTML代码相同.为什么Chrome会将额外内容添加<a>到HTML中？

注意:我知道这name是一个无效的属性,<a>但是当从docx转换为此格式时,这就是用HTML表示书签的方式所以我坚持使用它.

Answer 1

<a>不是一个自我结束的标签.在HTML中使用<a />(而不是<a></a>)(在XHTML中为了兼容性而不建议)是无效的.

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