Html href链接不可单击（似乎在chrome inspect中工作）_Html_Anchor

Html href链接不可单击（似乎在chrome inspect中工作）

html

Html href链接不可单击（似乎在chrome inspect中工作）,html,anchor,Html,Anchor,我希望你们能帮忙。我目前正在学习HTML和CSS的在线课程。作为我课程的一部分，我正在练习制作网页。我的头href有问题我正在尝试从标题链接到身体的某个位置。然而，当我在chrome上测试时，它不会显示为超链接。使用chrome的inspect功能将其显示为一个链接，当单击时，它会工作。但是，它在检查之外不起作用我的HTML如下： <!DOCTYPE html> <html> <head> <title>Title</title&

我希望你们能帮忙。我目前正在学习HTML和CSS的在线课程。作为我课程的一部分，我正在练习制作网页。我的头href有问题

我正在尝试从标题链接到身体的某个位置。然而，当我在chrome上测试时，它不会显示为超链接。使用chrome的inspect功能将其显示为一个链接，当单击时，它会工作。但是，它在检查之外不起作用

我的HTML如下：

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="landing.css">
</head>
<header>
    <h1>
        Heading
    </h1>
    <h2>Services <a href="#services_section"></a></h2>
    <div class="tag-line">
    </div>
</header>
<body>
<h3>
    About
</h3>
    <div class="about">     
<h4 id="services_section">
    <div class="services">
    Services
</h4>
<h5>
    <div class="contact">
    Contact
</h5>
</body>
</html>


标题
标题
服务
关于
服务
接触

超链接正在工作，问题是没有文本。你需要把你的“服务”放在标签里

改变

<h2>Services <a href="#services_section"></a></h2>

服务

到

如果要链接“服务”文本，请使用

。当前代码显示文本“Services”，然后是一个零空间超链接。非常感谢您解决了这个问题。这帮助我进入下一步，继续学习。

<h2><a href="#services_section">Services</a></h2>