Question

出于某种原因，<li>项目在我的wordpress网站中重复。我已将header.php文件中的代码隔离到您在下面看到的内容。我也不认为问题出在CSS中，但我无法弄清楚是什么导致了这个问题。

进入的代码如下：

        <div id="toplinks">
        <ul id="links">
            <li><a class="narch"/>  </li>
            <li><a href="http://www.torhs.com" title="TORHS" class="torhs" target="_blank" /> </li>
            <li><a href="http://www.omrha.com" title="OMRHA" class="omhra" target="_blank" /></li>
            <li><a href="http://www.jangosportswear.com" title="JANGO" class="jango" target="_blank" /> </li>
            <li><a href="http://www.statewarshockey.com" title="State Wars" class="statewars" target="_blank" /> </li>
            <li><a href="#" title="Wicked Biscuit" class="wickedbiscuit" target="_blank" /> </li>
            <li><a href="#" title="Rattlers" class="rattlers" target="_blank" /> </li>
            <li><a href="http://www.revisionhockey.com" title="Revision Hockey" class="revision" target="_blank" /> </li>
            <li><a href="http://www.rollerhockeyalliance.com" title="RHA" class="RHA" target="_blank" /> </li>
            <li><a href="http://www.rinkrathockey.com" title="Rink Rat" class="rinkrat" target="_blank" /> </li>

            <li><a href="http://www.rocketpuck.com" title="Rocket Puck" class="rocketpuck" target="_blank" /> </li>
            <li><a href="http://www.missionhockey.com" title="Mission" class="mission" target="_blank" /> </li> 
        </ul>
    </div> <!--clooses toplinks-->

出来的代码（使用firebug拍摄）看起来像这样。

<ul id="links">
<li>
<a class="narch"> </a>
</li>
<a class="narch"> </a>
<li>
<a class="narch"></a>
<a class="torhs" target="_blank" title="TORHS" href="http://www.torhs.com"> </a>
</li>
<a class="torhs" target="_blank" title="TORHS" href="http://www.torhs.com"> </a>
<li>
<a class="torhs" target="_blank" title="TORHS" href="http://www.torhs.com"></a>
<a class="omhra" target="_blank" title="OMRHA" href="http://www.omrha.com"></a>
</li>
<a class="omhra" target="_blank" title="OMRHA" href="http://www.omrha.com"> </a>
<li>
<a class="omhra" target="_blank" title="OMRHA" href="http://www.omrha.com"></a>
<a class="jango" target="_blank" title="JANGO" href="http://www.jangosportswear.com"> </a>
</li>
<a class="jango" target="_blank" title="JANGO" href="http://www.jangosportswear.com"> </a>
<li>
<a class="jango" target="_blank" title="JANGO" href="http://www.jangosportswear.com"></a>
<a class="statewars" target="_blank" title="State Wars" href="http://www.statewarshockey.com"> </a>
</li>
<a class="statewars" target="_blank" title="State Wars" href="http://www.statewarshockey.com"> </a>
<li>
<a class="statewars" target="_blank" title="State Wars" href="http://www.statewarshockey.com"></a>
<a class="wickedbiscuit" target="_blank" title="Wicked Biscuit" href="#"> </a>
</li>
<a class="wickedbiscuit" target="_blank" title="Wicked Biscuit" href="#"> </a>
<li>
<a class="wickedbiscuit" target="_blank" title="Wicked Biscuit" href="#"></a>
<a class="rattlers" target="_blank" title="Rattlers" href="#"> </a>
</li>
<a class="rattlers" target="_blank" title="Rattlers" href="#"> </a>
<li>
<a class="rattlers" target="_blank" title="Rattlers" href="#"></a>
<a class="revision" target="_blank" title="Revision Hockey" href="http://www.revisionhockey.com"> </a>
</li>
<a class="revision" target="_blank" title="Revision Hockey" href="http://www.revisionhockey.com"> </a>
<li>
<a class="revision" target="_blank" title="Revision Hockey" href="http://www.revisionhockey.com"></a>
<a class="RHA" target="_blank" title="RHA" href="http://www.rollerhockeyalliance.com"> </a>
</li>
<a class="RHA" target="_blank" title="RHA" href="http://www.rollerhockeyalliance.com"> </a>
<li>
<a class="RHA" target="_blank" title="RHA" href="http://www.rollerhockeyalliance.com"></a>
<a class="rinkrat" target="_blank" title="Rink Rat" href="http://www.rinkrathockey.com"> </a>
</li>
<a class="rinkrat" target="_blank" title="Rink Rat" href="http://www.rinkrathockey.com"> </a>
<li>
<a class="rinkrat" target="_blank" title="Rink Rat" href="http://www.rinkrathockey.com"></a>
<a class="rocketpuck" target="_blank" title="Rocket Puck" href="http://www.rocketpuck.com"> </a>
</li>
<a class="rocketpuck" target="_blank" title="Rocket Puck" href="http://www.rocketpuck.com"> </a>
<li>
<a class="rocketpuck" target="_blank" title="Rocket Puck" href="http://www.rocketpuck.com"></a>
<a class="mission" target="_blank" title="Mission" href="http://www.missionhockey.com"> </a>
</li>
<a class="mission" target="_blank" title="Mission" href="http://www.missionhockey.com"> </a>
</ul>
<a class="mission" target="_blank" title="Mission" href="http://www.missionhockey.com"> </a>
</div>
<a class="mission" target="_blank" title="Mission" href="http://www.missionhockey.com"> </a>

Answer 1

您可能会将HTML与XML样式标记混淆。

最基本的链接标记如下：

<a href="http://www.google.com/">Google</a>

title属性实际上是元素工具提示的显示内容。

Answer 2

<a class="narch"/>

正确关闭锚点

HTML CSS：<li>项目重复，导致重复图像</li>

2 个答案: