Question

第一次来到这里，希望我能在一天结束前得到一些帮助但是。我运行我的网页，一切似乎都很好，我被要求将不同的部分放入不同的元素。但是，当我在验证器中运行它时，它给了我几个错误：

开始标记头但是已经打开了相同类型的元素杂散结束标记头。
看到开始标记主体但已经打开了相同类型的元素。

    <!DOCTYPE html>
<html>
<title>JavaJam Coffee House</title>
  <head>
    <h1> JavaJam Coffee House</h1>
  </head>
  <body>
  <nav>
  <a href="index.html">Home</a>&nbsp;
  <a href="menu.html">Menu</a>&nbsp;
  <a href="music.html">Music</a>&nbsp;
  <a href="jobs.html">Jobs</a>&nbsp;<br>
  </nav>
  <ul>
        <li>Specifalty cofee and Tea</li>
        <li>Bagels, Muffins, and Organic Snacks</li>
        <li>Music and Poetry Readings</li>
        <li>Open Mic Night</li>
    </ul>



  <div>12312 Main Street<br>
  Mountain Home, CA 93923<br>
  1-888-555-5555</div><br>

  <footer><small><i>Copyright &copy; 2014 JavaJam Coffee House<br>
  <a href="mailto:robert@scott.com">robert@scott.com</a></i></small></footer>



  </body>
</html>

如果您能提供帮助或解释，我们将不胜感激

Answer 1

您的TITLE需要位于HEAD部分。就像你在外面那样，你推断第二个HEAD部分是不可接受的。

H1也应从HEAD部分移除并置于BODY部分。

我认为您可能会将文档的HEAD部分与HEADER标记混淆。

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <title>JavaJam Coffee House</title>
</head>

<body>
  <header>
  <h1> JavaJam Coffee House</h1>

  <nav>
    <a href="index.html">Home</a>&nbsp;
    <a href="menu.html">Menu</a>&nbsp;
    <a href="music.html">Music</a>&nbsp;
    <a href="jobs.html">Jobs</a>&nbsp;
    <br>
  </nav>
  </header>

  <ul>
    <li>Specifalty cofee and Tea</li>
    <li>Bagels, Muffins, and Organic Snacks</li>
    <li>Music and Poetry Readings</li>
    <li>Open Mic Night</li>
  </ul>

  <div>12312 Main Street
    <br>Mountain Home, CA 93923
    <br>1-888-555-5555
  </div>
  <br>

  <footer><small><i>Copyright &copy; 2014 JavaJam Coffee House<br>
  <a href="mailto:robert@scott.com">robert@scott.com</a></i></small>
  </footer>

</body>

</html>

＆＃13;

Answer 2

对文档结构进行更正，并添加了<header>，我认为这是您使用<head>获得的内容：

<!DOCTYPE html>
<html>

<head>
  <title>JavaJam Coffee House</title>
</head>

<body>
  <header>
     <h1> JavaJam Coffee House</h1>
     <nav>
       <a href="index.html">Home</a>&nbsp;
       <a href="menu.html">Menu</a>&nbsp;
       <a href="music.html">Music</a>&nbsp;
       <a href="jobs.html">Jobs</a>&nbsp;
       <br>
     </nav>
  </header>
  <ul>
    <li>Specifalty cofee and Tea</li>
    <li>Bagels, Muffins, and Organic Snacks</li>
    <li>Music and Poetry Readings</li>
    <li>Open Mic Night</li>
  </ul>

  <div>12312 Main Street
    <br>Mountain Home, CA 93923
    <br>1-888-555-5555
  </div>
  <br>

  <footer><small><i>Copyright &copy; 2014 JavaJam Coffee House<br>
  <a href="mailto:robert@scott.com">robert@scott.com</a></i></small>
  </footer>

</body>
</html>

<header>

HTML <header>元素代表一组介绍或导航设备。它可能包含一些标题元素以及其他元素元素，如徽标，包装部分的标题，搜索表单等上。

有关HTML文档结构的基本说明，请访问以下网站：

W3Schools.com: HTML Introduction

有关更详细和技术性的说明，请参阅此页：

W3C - The global structure of an HTML document

W3验证器错误有帮助。错误对我来说似乎没有错

2 个答案:

<header>