HTML 5的革新——语义化标签section和article的…

2020-06-01 16:02:00来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

HTML 5的革新——语义化标签section和article的区别

原文地址:https://stackoverflow.com/questions/33910294/what-is-the-difference-between-article-and-section-in-html5

<section>标签 :

section,汉语意思为部分,这个标签定义网页上的每个单独部分,比如页眉,导航栏,页脚,或者其他的具有联系的部分。简单的来说任何具有逻辑的整体都可以放在section标签下,包括article标签。

 <article> 标签:

article标签是section标签下一个独立的内容块。

article 元素适用场景:

  • 讨论区
  • 个人博客
  • 新闻文章
  • 评论区

这些标签都是语义化标签,他们的设计目的就是让网页逻辑更加得清晰,section标签类似于div标签,它包裹具有任何具有逻辑的部分(比如一篇文章),如有问题,欢迎评论。

获取更多信息请参考:

  • http://www.w3schools.com/html/html5_semantic_elements.asp
  • http://www.w3schools.com/tags/tag_article.asp
  • http://www.w3schools.com/tags/tag_section.asp

原文链接:https://www.cnblogs.com/LittleGlowworm/p/13028199.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查询,

下一篇:前端CSS五中元素定位类型