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