首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >W3验证器错误帮助。在我看来不是错误的错误

W3验证器错误帮助。在我看来不是错误的错误
EN

Stack Overflow用户
提问于 2015-09-08 02:06:51
回答 2查看 65关注 0票数 0

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

已看到起始标记标记头,但已打开相同类型的元素。

杂散结束标记头。

已看到起始标记正文,但已打开相同类型的元素。

代码语言:javascript
运行
复制
    <!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>

如果您能帮助或解释,我将不胜感激。

EN

回答 2

Stack Overflow用户

发布于 2015-09-08 02:15:37

您的标题需要在标题部分。在这样的情况下,你正在推断第二个头部,这是不可接受的。

此外,应将H1从头部部分移除,并将其放置在身体部分。

我想您可能把文档的HEAD部分和HEADER标记搞混了。

代码语言:javascript
运行
复制
<!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>

票数 2
EN

Stack Overflow用户

发布于 2015-09-08 02:22:43

对文档结构进行了更正,并添加了<header>,我认为这就是您使用<head>所要达到的效果

代码语言:javascript
运行
复制
<!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>

HTML <header>元素表示一组介绍性或导航性帮助。它可能包含一些标题元素,但也可能包含其他元素,如徽标、包装部分的标题、搜索表单等。

有关HTML文档结构的基本说明,请参阅此网站:

  • W3Schools.com: HTML Introduction

有关更详细的技术说明,请参阅此页面:

  • W3C - The global structure of an HTML document
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32444051

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档