html - 为什么

Question

我正在创建一个网站，其中我写了一个 h3 标签，但它的作用就像指向上述页面的链接。这是代码:

<div class="bar">
  <div class="sitename">
    <h2 style="color:white">Metro City</h2>
  </div>
  <ul class="bar">
    <li class="bar"><a class="bar" href="Home.html" />Home</li>
    <li class="bar"><a class="bar" href="Search.html" />Search</li>
    <li class="bar"><a class="bar" href="Buy.html" />Buy</li>
    <li class="bar"><a class="bar" href="Sell.html" />Sell</li>
    <li class="bar"><a class="bar" href="About Us.html" />About Us</li>
    <li class="bar"><a class="bar" href="ContactUs.html" />Contact Us</li>
  </ul>
</div>





<div>
  <h3 style="color:black">Find your Home</h3>
</div>

Answer 1

因为 <a>标签不会自动关闭。本质上，你的第一个 <a>标记未关闭，因此浏览器将此后的所有内容视为子元素。

您需要修改标记以正确关闭 <a>元素如下:

<div class="bar">
    <div class="sitename">
        <h2 style="color:white">Metro City</h2>
    </div>
    <ul class="bar">
        <li class="bar"><a class="bar" href="Home.html">Home</a></li>
        <li class="bar"><a class="bar" href="Search.html">Search</a></li>
        <li class="bar"><a class="bar" href="Buy.html">Buy</a></li>
        <li class="bar"><a class="bar" href="Sell.html">Sell</a></li>
        <li class="bar"><a class="bar" href="About Us.html">About Us</a></li>
        <li class="bar"><a class="bar" href="ContactUs.html">Contact Us</a></li>
    </ul>
</div>

<div>
    <h3 style="color:black">Find your Home</h3>
</div>