Question

我有一个最奇怪的事情，在这段代码中，浏览器会自动添加标签。我禁用了所有的javascript和css，只留下了简单的HTML，仍然看到了添加的标签。这是我的代码：

             <div id="menu-contact" class="menuNew">
                     <ul class="navi-list">
                            <li class="goto">Go to:</li>
                            <li id="whats"><a href="#menu-welcome">Welcome!</a></li>
                            <li><a href="#menu-about">About</a></li>                    
                            <li><a href="#menu-services">Shop</a></li>                  
                            <li><a class="active" href="#menu-contact">Contact</a></li>
                        </ul> 
             </div>

这是firefox4看到的内容：

<div id="menu-contact" class="menuNew">
     <a> </a>
    <ul class="navi-list">
    <a>
       <li class="goto">Go to:</li>
   </a>
      <li id="whats">
    <a></a>
    <a href="#menu-welcome">Welcome!</a>
     </li>
    <li>
     <a href="#menu-about">About</a>
    </li>
    <li>
      <a href="#menu-services">Shop</a>
    </li>
    <li>
       <a class="active" href="#menu-contact">Contact</a>
    </li>
    </ul>
   </div>

它基本上用标签围绕每个标签。再一次，我删除了所有js和css引用。任何想法发生了什么？有趣的是，我在同一页面中拥有相同的代码（具有唯一ID）并且它正常呈现..只有最后一个代码段添加了标签..

Answer 1

我最好的猜测是没有指向实例的链接是在该元素上方某处有一个迷路<a>，而Firefox正试图将其应用于下面的所有元素，当然也没有非常开心它的时间。快速HTML验证将揭示是否会发生类似情况，因为<a>未公开（无效）或<ul>位于其中（也无效）。

如果这不能解释它（这完全可能，因为我只是疯狂地推测），考虑制作一个我们可以详细检查的实例。当然，你所描述的并不是普通的Firefox行为，所以我们可以找到使你的情况不同的任何线索都会有所帮助。

自动添加<a> tags</a>

1 个答案: