html - "a"标签被复制并应用到附近的文本——为什么？

Question

我有一个包含以下 html 的页面:

<a name="CAPTION_fig1" rel="nofollow" /><p style="margin-top: -0.2em; font-size: 85%; margin-bottom: 0.9em;"><b>Figure 1: This a caption</b></p>

本质上可以归结为:

<anchor><p>Text</p>

但是当我打开页面时它看起来不正确，所以我使用 Chrome 中的 Inspect Element 检查它。它报告:

<a name="CAPTION_fig1" rel="nofollow"></a>
<a name="CAPTION_fig1" rel="nofollow"><p style="margin-top: -0.2em; font-size: 85%; margin-bottom: 0.9em;"><b>Figure 1: This a caption</b></p></a>

到底为什么会这样？当我查看源代码时，它看起来仍然像我期望的那样。我也试过 IE9，所以它似乎不是特定于浏览器的。

一些背景:我正在升级 Confluence，所以我怀疑它与正在使用的一些新 CSS 有关，但我不知道是什么或为什么。

顺便说一句，我在这里发现了一个类似的问题:Anchor tags are duplicating , 但是他的网站和所附的图片都不见了，加上答案只包括最终的 css，而不是他改变的东西，所以我没有太多可以继续下去的地方。

Answer 1

我不明白这个错误的确切原因，但如果其他人在为 Confluence 开发时遇到这些问题，那么将 和 标签分开(不使用自闭合标签)并在它们之间放置一个空格似乎会有所帮助。

我要冒险是由于 Confluence 将标签组合成一个自关闭标签(为了确保 xhtml 合规性或由于错误)而导致的，但是 Chrome 和 IE9 无法解析它，因为它不是html4 兼容(根据 jmoerdyk，标签不能自动关闭)。