Question

这是我的HTML5代码。

<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Fresh Pizza</title>
      <meta charset="utf-8"/>
      <link rel="stylesheet" href="styles/style.css" type="text/css" />
   </head>
   <body class="body">
      <header class="mainHeader">
         <img src="images/logo.jpg" alt="Logo">
         <nav>
            <ul>
               <li class="active"><a href="#">Home</a></li>
               <li><a href="#">Menu</a></li>
               <li><a href="#">About Us</a></li>
               <li><a href="#">Contact Us</a></li>
            </ul>
         </nav>
      </header>
      <div class="mainContent">
         <div class="content">
            <img src="images/home.jpg" alt="Fresh Pizza">
            <article class="bottomContent">
               <content>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
               </content>
            </article>
         </div>
      </div>
      <aside class="boxOne">
         <img src="images/freshestPizza.jpg" alt="The Freshest Pizza">
      </aside>
      <aside class="boxTwo">
         <img src="images/tastiestPizza.jpg" alt="The Tastiest Pizza">
      </aside>
      <footer class="mainFooter">
         <p>&copy; 2014 Fresh Pizza.All Rights Reserved</p>
      </footer>
   </body>
</html>

我使用以下网站验证代码。 http://html5.validator.nu

验证后，我收到以下错误。

Error: Element content not allowed as child of element article in this context. (Suppressing further errors from this subtree.)

From line 24, column 16; to line 24, column 24

<content>↩

Content model for element article:

流量内容。

请帮助我。我是html5的新手。谢谢。

顺便说一下，如何使用w3c验证器验证html5？看起来它只能验证html 4.01。

Answer 1

它表示您无法在<content></content>标记内添加<article></article>个标记。实际上，没有<content></content>标签这样的东西。

您可以将其替换为<div class="content"></div>，而不是使用它，或者只删除它们并替换它们。

 <article class="bottomContent">
               <content>  //remove this
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
               </content>   //and remove this
            </article>

在此处查看所有html元素http://www.w3schools.com/tags/default.asp

注意没有内容标签。

Answer 2

<content>不是有效的HTML标记，这就是它无法验证的原因。如果您出于其他目的需要它，例如使用JS查找该块，请考虑使用<div>替换这些标记并设置类或ID。

要回答您的其他问题，W3C验证器确实提供了HTML5验证，尽管它已列为实验性验证。您当前的文档应该被检测为HTML5，但您可以展开More Options链接并选择HTML5作为Document Type。

验证HTML5的问题

流量内容。

2 个答案: