一个导致html出现多余重复标签的原因(标签不闭合)

在编写html的时候,我们有时候会有感觉,页面莫名其妙地多出了几个我们根本没写过的标签(当然也不会使我们所需要的)。这往往让我们很郁闷,debug半天也找不原因。我在上次写代码的时候就遇到过这样诡异的事情,明明用sublime text写的时候没有添加这些标签块,但是在chrome中呈现的时候就偏偏出现了,代码如下:

编辑器中的代码

<div id="aby">
    <div>
        <a href=""><a>
    </div>
</div>

在chrome中呈现的代码

<div id="aby">
    <div>
        <a href=""></a>
                <a>  </a>
        </div>
        <a></a>
</div>            

这里多出来两个a标签,细心的朋友已经可以发现了,是我编辑器中的a闭合标签的斜杠掉了。由于这个疏忽,浏览器会在包含a的标签结束前自动给他添加一个闭合标签,然后在此包含标签后面再重新显示一个a标签,然后在再外层结束之前如果还没有检测到a标签的闭合标签,则再添加一个闭合标签,再在外层添加一个a标签,直到找到需要的闭合标签或者最外层是body时截止。

一个导致html出现多余重复标签的原因(标签不闭合),古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。