Question

我一直在尝试为一个带有一些箭头的网站制作一个滚动条，但箭头很疯狂，并在以下部分重复自己。我把问题简化为下面的内容 - 当我在一个部分中放置一个a-tag时，由于某些CSS，a-tag是彩色的形状，它会在部分结束后生成一个副本。以下是一些代码尝试：

<head>
<style>
a#block { height:30px; width:30px; display:block; background:blue; }
</style>
</head>

<body>
    <section>
        <a id="block"/>
    </section>
</body>

我意识到上面看起来像标记的可怕使用，但这是有原因的。该块是动作箭头的简化（因此标记），并且该部分是必要的，因为它内部将有更多。

我不知道为什么会这样，我从未想过HTML元素会重复。有什么想法吗？

Answer 1

<a id="block"/>无效HTML。 <a>必须有一个结束标记：<a id="block"></a>。

出现奇怪错误时始终validate your code。它可以很有启发性。

为什么HTML <a> tag inside a section/div produce a duplicate outside of the section/div?</a>

1 个答案: