php - HTML 空 标签空格？

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

您没有关闭图像链接的 anchor 标记。

试试这个

<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>

希望能解决问题。