这篇文章元素是一新的元素,介绍了HTML5。因为这是一个新元素已经存在一些混乱的如何使用该元素。但似乎有一个协议,您使用<article>元素当你标记的内容,对自己是有意义的。这是什么意思?这意味着你可以使用<article>元素当标记一个“关于我”页面,一个博客条目,而每评论你的博客条目。
但是你不应该使用<article>元素在每一个段落——重点是,不管你放在<article>元素应该是在它自己的意义。
使用面粉的文章,这篇文章应该使用这样的元素(请注意,我已经取代了很多的实际内容与三个点,这样的例子并不占据太多空间):
<!DOCTYPE html> <body> <article> <div id="header"> <h1>All About Flour</h1> ... </div> <div id="content"> <h2>The Two Types of Wheat</h2> <p>There are…</p> <h2>All-Purpose Flour</h2> <p>All-purpose …</p> ... </div> </article> </body> </html>
正如您可以看到的,<article>元素包含<div id="header">、<div id="content">的内容在这两个<div>'s可以被理解为一个整篇文章。我没有包含<divid=“页脚”>的内容在这个元素有没什么实际的文章我们仍然使用大量的div元素在这个例子中,但我将向您展示在接下来的章节,您应该使用新的HTML5元素相反。
有时你需要的只是一个例子,我已经包括了另一个:使用博客条目示例从先前的章节,您将使用本文元素把每个博客条目如下:
<article> <h1>Just Another Day</h1> <p>Written by Christina<br /> On January 11th </p> <p class="content">This is my second blog entry, and I just wanted to check in on you </p> </article> <article> <h1>My First Blog Entry</h1> <p>Written by Christina<br /> On January 10th </p> <p class="content">I’m so happy to write my first blog entry – yay!</p> </article>
你已经学会了:
<article>是一个新的语义HTML5元素
<article>时应使用有意义的内容在其自己的(例如在一个rss订阅)
<article>是一个非常特定的元素——更具体的比如< div >元素