HTML5中的Article和Section元素认识及使用

1、html5中的article和section元素认识及使用html5带出了一系列新元素，并且将在将来被广泛应用。然而，有一些元素在用法时易被混淆，包括以下两个新元素：和。最常被问起的问题是：在什么状况下我们应当用法这些元素？以及我们应当如何正确的用法这些元素？ section元素这 是一个最简单产生歧义的元素。它与元素有什么区分？我们向来在用来划分段落，所以除 了,我们什么时候用法这个元素。我们引用官方文档来阐述它。按照whatwg文档，对元素做了以下 描述：元素表示了一篇文档或应用中，通用段落 - whatwg 从描述中我们可以看出元素的作用就是分段，或多或少类似于。但是它仍有一个特例。在文

2、档中，加入了一段特殊声明：当一个元素仅用于风格样式或是为了脚本的便利，我们鼓舞作者用法。元素适用于，当元素的内容需要明确的列出时。- whatwg 基于这一点，我们可以总结以下两点：第一，尽管section元素在技术上是可以设计样式的，但是当有复杂的样式或脚本时，我们仍建议用法div元素。其次，类似于元素，section元素是用来列举内容的。 因此在现实例子中，用法元素的缘由是结构化的列出博客的内容，代码如下： 复制代码代码如下: blog post titleice cream tart powder jelly-o.gummies chocolate cake ice cream cook

3、ie halvah tiramisu jelly-o.blog post titleice cream tart powder jelly-o.gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.blog post titleice cream tart powder jelly-o.gummies chocolate cake ice cream cookie halvah tiramisu jelly-o. 这只是个例子，元素也可以用作其他用途。 article元素从名字上，它已经很好的诠释了自己，但是我们仍要看看

4、官方文档上是如何描述它的：在文档，页面，应用或是站点上的一个自立部分，并且大体上，是可自立分配，或是重复用法的，例如在发布时。这个可以是论坛帖子，杂志或是新闻，博客条目，用户提交的评论，互动的小工具或小工具，或任何其他自立项目的内容。 从上描述中，我们可以总结出元素专用于结构化文章，特殊是我们要发布的，例如博客，页面内容或是论坛帖子。以下例子给出了如何用法构建一个博客文章。 复制代码代码如下: this is blog post titleauthor namesave in categoriessweet roll halvah biscuit toffee liquorice tart p

5、udding sesame snaps.biscuit powder jelly-o fruitcake faworki chocolate bar. pudding oatcake tootsie roll sesame snaps lollipop gingerbread bonbon. gummieshalvah gummies danish biscuit applicake gingerbread jelly-o pastry. 此外，元素还可与section元素结合，需要的时候，可以用法元素将文章分为几个段落，如下例所示。 复制代码代码如下: this is blog post t

6、itleauthor namesave in categoriesthis is the sub-headingsweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.biscuit powder jelly-o fruitcake faworki chocolate bar. pudding oat caketootsie roll sesame snaps lollipop gingerbread bonbon. gummies halvahgummies danish biscuit applicake g

7、ingerbread jelly-o pastry.this is another sub-headingtopping cheesecake sweet pie carrot cake sweet roll. gummi bears lemon dropstoffee sesame snaps tart topping chupa chups apple pie gummies. wafer chocolatecake. sugar plum chocolate bar topping ice cream carrot cake danish bonbon.cheesecake gummi bears dragée jujubes dragée dragée brownie jelly biscuit. powder croissant jelly beans pastry. 总结如万维网的创始人和w3c的董事所预测的那般，全部html5制