小编给大家分享一下HTML5语义化标记Section和Article怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
铜仁网站建设公司创新互联建站,铜仁网站设计制作,有大型网站制作公司丰富经验。已为铜仁上千家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱,请找那个售后服务好的铜仁做网站的公司定做!
Section元素
这 是一个最容易产生歧义的元素。它与
元素有什么区别?我们一直在用
来划分段落,所以除 了
,我们什么时候使用这个元素。我们引用官方文档来阐述它。根据WHATWG文档,对
“
从描述中我们可以看出 。但是它仍有一个特例。在文档中,加入了一段特别声明: “当一个元素仅用于风格样式或是为了脚本的方便,我们鼓励作者使用 。 基于这一点,我们可以总结以下两点: 第一,尽管section元素在技术上是可以设计样式的,但是当有复杂的样式或脚本时,我们仍建议使用p元素。 第二,类似于
因此在现实例子中,使用
Blog Post Title
Ice cream tart powder jelly-o. Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.
Blog Post Title
Ice cream tart powder jelly-o. Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.
Blog Post Title
Ice cream tart powder jelly-o. Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.
这只是个例子,
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 oatnbon. Gummies halvah gummies danish biscuit applicak cake tootsie roll sesame snaps lollipop gingerbread boe gingerbread jelly-o pastry.
此外,
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.
以上是“HTML5语义化标记Section和Article怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
本文题目:HTML5语义化标记Section和Article怎么用
浏览地址:http://lswzjz.com/article/jicpdj.html