Question

我正在处理各种各样的菜单，并且在html中无处不在的链接标记。我不知道为什么。

菜单html如下所示：

<div class="play_top"><a href="/match/create"><img src="<?php echo base_url().'assets/img/play_top.png';?>" alt="play"></div>
<div id="navmenu">
    <div id="home"><a href="/"><span>HOME</span></a></div>
    <div id="community"><a href="/"><span>COMMUNITY</span></a></div>
    <div id="aboutus"><a href="/"><span>ABOUT US</span></a></div>
    <div id="play_bottom"><a href="/match/create"><img src="<?php echo base_url().'assets/img/play_bottom.png';?>" alt="play"></div>
    <div id="gameguide"><a href="/"><span>GAME GUIDE</span></a></div>
    <div id="rankings"><a href="/"><span>RANKINGS</span></a></div>
    <div id="media"><a href="/"><span>MEDIA</span></a></div>

</div>

在网站上处理之前的事情。无论如何，当我在浏览器中查看源代码时，它看起来也是如此。好吧，有一些扭曲的元素不应该存在，所以我检查了一下，并且在某些地方有额外的链接标签，占用了空间。它看起来像这样：

<div class="play_top"><a href="/match/create"><img src="<?php echo base_url().'assets/img/play_top.png';?>" alt="play"></div>
<div id="navmenu">
    <div id="home"><a href="/match/create"></a><a href="/"><span>HOME</span></a></div>
    <div id="community"><a href="/"><span>COMMUNITY</span></a></div>
    <div id="aboutus"><a href="/"><span>ABOUT US</span></a></div>
    <div id="play_bottom"><a href="/match/create"><img src="<?php echo base_url().'assets/img/play_bottom.png';?>" alt="play"></div>
    <div id="gameguide"><a href="/match/create"></a><a href="/"><span>GAME GUIDE</span></a></div>
    <div id="rankings"><a href="/"><span>RANKINGS</span></a></div>
    <div id="media"><a href="/"><span>MEDIA</span></a></div>

</div>

当然我可以看到模式，但我不知道为什么会重复。

Answer 1

您没有关闭图片链接的锚标记。

试试这个

<div class="play_top"><a href="/match/create"><img src="<?php echo base_url().'assets/img/play_top.png';?>" alt="play" /></a></div>
<div id="navmenu">
    <div id="home"><a href="/"><span>HOME</span></a></div>
    <div id="community"><a href="/"><span>COMMUNITY</span></a></div>
    <div id="aboutus"><a href="/"><span>ABOUT US</span></a></div>
    <div id="play_bottom"><a href="/match/create"><img src="<?php echo base_url().'assets/img/play_bottom.png';?>" alt="play" /></a></div>
    <div id="gameguide"><a href="/"><span>GAME GUIDE</span></a></div>
    <div id="rankings"><a href="/"><span>RANKINGS</span></a></div>
    <div id="media"><a href="/"><span>MEDIA</span></a></div>

</div>

希望它能解决问题。

Answer 2

忘记关闭HTML中几个地方的链接标记。

HTML空<a> tags whitespace?</a>

2 个答案: