HTML5新元素section和article的区别详解-创新互联
HTML5带出了一系列新元素,并且将在未来被广泛应用。然而,有一些元素在使用时易被混淆,包括以下两个新元素:
和。
创新互联服务项目包括武强网站建设、武强网站制作、武强网页制作以及武强网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,武强网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到武强省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
在问答网站经常可以看到别人问:在什么情况下我们应该使用这些元素?我们应该如何正确的使用这些元素?
和有什么区别?鉴于以上的这些问题,E良师益友网为大家讲解一下
和的区别:一、Article元素
从名字上,它已经很好的诠释了自己,但是我们仍要看看官方文档上是如何描述它的:
“在文档,页面,应用或是站点上的一个独立部分,并且大体上,是可独立分配,或是重复使用的,例如在发布时。这个可以是论坛帖子,杂志或是新闻,博客条目,用户提交的评论,互动的小工具或小工具,或任何其他独立项目的内容。”
从上描述中,我们可以总结出
元素专用于结构化文章,特别是我们要发布的,例如博客,页面内容或是论坛帖子。以下例子给出了如何使用
构建一个博客文章。
This is Blog Post Title
- Author Name
- Save in Categories
Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat
cake tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies
halvah gummies danish biscuit applicake gingerbread jelly-o pastry.
此外,
元素还可与section元素结合,需要的时候,可以使用元素将文章分为几个段落,如下例所示。
This is Blog Post Title
- Author Name
- Save in Categories
This is the Sub-Heading
Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat cake
tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies halvah
gummies danish biscuit applicake gingerbread jelly-o pastry.
This is another Sub-Heading
Topping cheesecake sweet pie carrot cake sweet roll. Gummi bears lemon drops
toffee sesame snaps tart topping chupa chups apple pie gummies. Wafer chocolate
cake. 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.