Question

所以我有这个HTML代码，我通过HTML验证网站运行它，它说我没有关闭“head”部分，因此我写的CSS代码都没有影响页面上的文本。 CSS文件的链接绝对是正确的路径，但我无法弄清楚为什么代码没有看到我关闭了“头”。

如果它有帮助我正在使用Dreamweaver CS6来编辑我的代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <link rel="stylesheet" type="text/css" href="Index_Stylesheet.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Index</title>
</head>

<body>

<!--navigation bar-->
 <div class="nav">

    <div class="name">
          <ul class="pull-left">
            <li><a href="#">ANDREW SHAPIRO</a></li>
      </ul>
    </div>

    <div class = "etc"> 
      <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Commercial</a></li>
          <li><a href="#">Listen</a></li>
          <li><a href="#">iTunes</a></li>
          <li><a href="#">Images</a></li>
          <li><a href="#">Store</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Email List</a></li>
        </ul>
    </div>

</div>
</body>
</html>

感谢您抽出宝贵时间阅读本文！

Answer 1

首先尝试使用HTML5文档类型声明，因为它更容易理解并使您的代码更具可读性。
然后首先尝试添加<meta>标记，然后添加<title>标记，然后在最后添加<link>标记

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Your Website Title</title>
    <link rel="stylesheet" href="Path to the stylesheet">
  </head>
  <body>
    <!--
      Your HTML code goes here...
    -->
  </body>
  
</html>

如果仍然无效，请确保该文件位于正确的路径中。由于您使用的是Dreamweaver，因此检查文件是否已链接非常容易。将css文件与文档链接后，它会附加源代码文件。如果没有显示，请在使用计算机时按F5键;如果使用笔记本电脑刷新Dreamweaver工作区，请按Fn + F5。

enter image description here

一旦显示了css文件，请继续并单击它，如果它显示您的代码，那么您就可以开始了！否则，如果它显示此错误，则表示您的css未正确链接。

enter image description here

Answer 2

尝试从链接声明和元声明中删除/。

<link rel="stylesheet" type="text/css" href="Index_Stylesheet.css"> </link>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

OR

<link rel="stylesheet" type="text/css" href="Index_Stylesheet.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

看看是否有任何改变，希望有所帮助。

HTML没有正确链接CSS

2 个答案: