为什么锚标签会影响多行

Question

我是 HTML 的新人，我写了一些代码：

<div id = "here">
    <a href="#end">
    <p>stay here</p>
</div>
 
<button id="test" onclick="clickSpecialButton('click')">click</button>
<span onmouseover="clickSpecialButton('hover')">hover</span>
<div id="start"></div>
<h1>My first web page</h1>
<figure>
    <img src="globe_kyw.jpg" width=90 height=90>
    <figcaption>Tixall Obelisk</figcaption>
</figure>
<nav id="main_nav">
    <ul>
        <li><a href="/tutorials/">Tutorials</a></li>
        <li><a href="/reference/">Reference</a></li>
        <li><a href="/articles/">Articles</a></li>
        <li><a href="/about/">About us</a></li>
    </ul>
</nav>
<div id="end">
    text
</div>

结果就是里面的文字：("stay here", "hover", "My first web page", "Tixall Obelisk") 都是下划线，link #end.

我只想 div 和 id = "here" 中的内容 link 编辑为 #end。

我做的有什么问题吗？

Answer 1

您忘记关闭 a 标签，尝试在 p 标签之后关闭它，如下所示：

  <div id = "here">
   <a href="#end">
       <p>stay here</p>
   </a> <!-- Notice the close tag here -->
</div>
 
        <button id="test" onclick="clickSpecialButton('click')">click</button>
 <span onmouseover="clickSpecialButton('hover')">hover</span>
 <div id="start"></div>
 <h1>My first web page</h1>
 <figure>
  <img src="globe_kyw.jpg" width=90 height=90>
  <figcaption>Tixall Obelisk</figcaption>
 </figure>
 <nav id="main_nav">
  <ul>
   <li><a href="/tutorials/">Tutorials</a></li>
   <li><a href="/reference/">Reference</a></li>
   <li><a href="/articles/">Articles</a></li>
   <li><a href="/about/">About us</a></li>
  </ul>
 </nav>
 <div id="end">
  text
 </div>

为什么锚标签会影响多行

Why does anchor tag affect multiple lines

html

href