Question

I'm creating a website in which I have written a tag of h3 but is acting like a link to the page mentioned above. Here is the code:

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

Answer 2

一些事情。

您没有用分号（;）关闭h3中的样式。将其更改为<h3 style="color:black;"></h3> 编辑：最后一个属性不需要。
您没有关闭链接代码。像这样修复它们：<li><a class="bar" href="Home.html"/>Home</a></li>

为什么<h3>表现得像<a>

2 个答案: