Javascript 为什么我的h1标签是html中的链接_Javascript_Html_Css

Javascript 为什么我的h1标签是html中的链接

javascript html css

Javascript 为什么我的h1标签是html中的链接,javascript,html,css,Javascript,Html,Css,我正在尝试使用HTML、CSS和JavaScript制作一个Facebook的模拟页面，作为我的第一个项目。出于某种原因，当我试图使用标记制作标题时，它会显示为一个链接。我不想这样，只要一个常规标题就好了。我似乎不知道我做错了什么。我已经被困了很长一段时间，我甚至不得不删除我以前的一些代码来解决它。目前，我有一个index.html页面、一个main.css页面和一个reset.css页面 HTML <!DOCTYPE html> <html> <head>

我正在尝试使用HTML、CSS和JavaScript制作一个Facebook的模拟页面，作为我的第一个项目。出于某种原因，当我试图使用

标记制作标题时，它会显示为一个链接。我不想这样，只要一个常规标题就好了。我似乎不知道我做错了什么。我已经被困了很长一段时间，我甚至不得不删除我以前的一些代码来解决它。目前，我有一个index.html页面、一个main.css页面和一个reset.css页面

HTML

<!DOCTYPE html>
<html>
<head>
<title>Social Media Clone</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="css/reset.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>

<body>
    <header>
        <div class="logo-area">
            <a href="index.html">Logo</a>
        </div>
        <div class="menu">
            <ul>
                <li>
                    <a href="chloe.html"</a>Chris
                </li>
                <li>
                    <a href="example.html"</a>Home
                </li>
            </ul>
        </div>
        <div class="icon-links"> 
            <ul class="quick-options">
                <li>
                    <a href="chloe.html"</a><i class="fa fa-users" aria-hidden="true"></i>
                </li>
                <li>
                    <a href="chloe.html"</a><i class="fa fa-commenting" aria-hidden="true"></i>
                </li>
                <li>
                    <a href="chloe.html"</a><i class="fa fa-bell" aria-hidden="true"></i>
                </li>
            </ul>
            <div class="privacy">
                <i class="fa fa-lock" aria-hidden="true"></i>
            </div>
        </div>
        <div class="search-area">
            <ul>
                <li>
                    <i class="fa fa-search" aria-hidden="true"></i>
                </li>
                <li>
                    <input type="text" name="search">
                </li>
                <li>
                    <i class="fa fa-times" aria-hidden="true"></i>
                </li>
            </ul>
        </div>
    </header>
    <h1>Chris</h1>
</body>
</html>`


社交媒体克隆


如上面Henry7720所述，只需关闭a
标记即可。这在JSFIDLE中起作用：
<!DOCTYPE html>
<html>
<head>
<title>Social Media Clone</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="css/reset.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>

<body>
    <header>
        <div class="logo-area">
            <a href="index.html">Logo</a>
        </div>
        <div class="menu">
            <ul>
                <li>
                    <a href="chloe.html"></a>Chris
                </li>
                <li>
                    <a href="example.html"></a>Home
                </li>
            </ul>
        </div>
        <div class="icon-links"> 
            <ul class="quick-options">
                <li>
                    <a href="chloe.html"></a><i class="fa fa-users" aria-hidden="true"></i>
                </li>
                <li>
                    <a href="chloe.html"></a><i class="fa fa-commenting" aria-hidden="true"></i>
                </li>
                <li>
                    <a href="chloe.html"></a><i class="fa fa-bell" aria-hidden="true"></i>
                </li>
            </ul>
            <div class="privacy">
                <i class="fa fa-lock" aria-hidden="true"></i>
            </div>
        </div>
        <div class="search-area">
            <ul>
                <li>
                    <i class="fa fa-search" aria-hidden="true"></i>
                </li>
                <li>
                    <input type="text" name="search">
                </li>
                <li>
                    <i class="fa fa-times" aria-hidden="true"></i>
                </li>
            </ul>
        </div>
    </header>
    <h1>Chris</h1>
</body>
</html>


社交媒体克隆


克里斯


家


















克里斯
如上面Henry7720所述，只需关闭您的a
标签即可。这在JSFIDLE中起作用：
<!DOCTYPE html>
<html>
<head>
<title>Social Media Clone</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="css/reset.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>

<body>
    <header>
        <div class="logo-area">
            <a href="index.html">Logo</a>
        </div>
        <div class="menu">
            <ul>
                <li>
                    <a href="chloe.html"></a>Chris
                </li>
                <li>
                    <a href="example.html"></a>Home
                </li>
            </ul>
        </div>
        <div class="icon-links"> 
            <ul class="quick-options">
                <li>
                    <a href="chloe.html"></a><i class="fa fa-users" aria-hidden="true"></i>
                </li>
                <li>
                    <a href="chloe.html"></a><i class="fa fa-commenting" aria-hidden="true"></i>
                </li>
                <li>
                    <a href="chloe.html"></a><i class="fa fa-bell" aria-hidden="true"></i>
                </li>
            </ul>
            <div class="privacy">
                <i class="fa fa-lock" aria-hidden="true"></i>
            </div>
        </div>
        <div class="search-area">
            <ul>
                <li>
                    <i class="fa fa-search" aria-hidden="true"></i>
                </li>
                <li>
                    <input type="text" name="search">
                </li>
                <li>
                    <i class="fa fa-times" aria-hidden="true"></i>
                </li>
            </ul>
        </div>
    </header>
    <h1>Chris</h1>
</body>
</html>


社交媒体克隆


克里斯


家


















克里斯
因为你所有的a标签格式都不正确，a
标签的所有语法都不正确：
更不用说你的图标应该在a标签中。复制并粘贴你的代码到W3验证程序（）中，修复验证程序显示的不匹配的标签错误。有人注意到没有h3标签吗？奇怪的问题没有h3标记，因为您的所有a标记格式都不正确。您的a
标记的语法不正确：
更不用说您的图标应该在a标记内。请将您的代码复制并粘贴到W3验证程序（）并修复验证程序显示的不匹配标记错误。是否有人注意到根本没有h3标记？奇怪的问题没有h3标签