在整个页面中显示引用 link

Question

我正在逐步学习网站。在导航部分，我 link 使用代码访问主页、关于我们、联系我们、费率、服务页面，但是当我在关于我们和费率页面上 link 时，整个内容文本页面被 linked 定向到“联系我们”页面。不知道取消link 页面正文内容但保持常规导航link 的代码有什么问题。以下是“关于我们”页面的代码，其中“费率”页面使用相同的代码格式。如有必要，我可以 post 两个页面的代码。谢谢。

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">


    <title>About Us: Home Cleaning Services in the SF Bay Area</title>


    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
  </head>

  <body>
    <header>
        <nav>
            <ul>
                <li><a href="index.html">Home</li>
                <li><a href="About US.html">About US</li>
                <li><a href="Services.html">Services</li>
                <li><a href="Rates.html">Rates</li>
                <li><a href="Contact Us.html">Contact US</li> 
            </ul>
        </nav>
    </header>
    <h2>We Talk Cleaning</h2>
        <p>With a growing economy and a vibrant style of life, the SF Bay area has become home for professionals, families, artists and everyone who wants to be part of this great region. Due to this, it’s very difficult to devote time to clean or organize our space where we live or work. Sometimes we say to ourselves we will get to clean up our stubborn room or bathroom, but we don’t get to do it because you don’t have the time or the least thing you would like to do in your free time is to get to the obstinate place.</p>

        <p> With Sparking Cleaning Services, we’ll make your life easier by providing a spotless and clean place for you to work or relax. One less thing to worry about in your life.</p>

        <img src="Images/100_0016.jpg" alt="San Francisco View">
  </body>
  <footer>All Rights Reserved 2016</footer>
</html>

Answer 1

正确的形式是

<li><a href="index.html">Home</a></li>
<li><a href="About US.html">About US</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Rates.html">Rates</a></li>
 <li><a href="Contact Us.html">Contact US</a></li>

您的代码无法正常工作的原因是 <a> 标签包括其开始标签和结束标签之间的所有内容，但由于您没有关闭它，它会转动 html 的全部内容页面变成 link

Answer 2

您可以使用免费的在线 HTML 验证器，例如 html5.validator.nu 来帮助您发现语法错误。选择 "Text field" 并粘贴到您的 HTML。 Atm 你有 6 个错误，有些可能是相同的。 Error 2) "Error: Unclosed element a"，就像@Immortal Dude 说的。

在整个页面中显示引用 link

Showing reference link in whole page

html

href

hyperlink