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标签,它包裹具有任何具有逻辑的部分(比如一篇文章),如有问题,欢迎评论。

获取更多信息请参考:

(0)

相关推荐

  • HTML <i> 标签

    标签定义及使用说明 <i> 定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本. <i> 标签被用来表示科技术语.其他语种的成语俗语.想法.宇宙飞船的名字等等. 在没 ...

  • Html5有哪些新特性?

    在编程中,语义指的是一段代码的含义,这个HTML元素有什么作用,扮演了什么样的角色.简单的概括为:在适当的位置使用适当的标签,用正确的标签做正确的事情 Html5有哪些新特性? 1.拖拽释放(Drag ...

  • 关于HTML语义化

    一.什么是语义化? 在解释这个概念之前,应该先解释下"结构-表现-行为".如果说解耦合是代码的高境界,那么"结构-表现-行为"的原则就是前台的标杆.随着前端代码 ...

  • 中级Web教程:HTML5语义元素

    网络前端高薪的诱惑,学习门槛低,不管是学生党还是工作者,都渴望凭借自己的能力,空闲的时间,去学前端.也许是一种爱好,也许是一种想从事的工作.但它真的那么简单吗?现在,初级前端的工作,已接近饱和,并处于 ...

  • C# 中的 is 真的是越来越强大,越来越语义化

    一:背景 1. 讲故事 最近发现 C#7 之后的 is 是越来越看不懂了,乍一看花里胡哨的,不过当我静下心来仔细研读,发现这 is 是越来越短小精悍,而且还特别语义化,那怎是一个爽字了得,这一篇就和大 ...

  • SAP Spartacus的发布方式以及语义化版本管理机制

    Spartacus打包之后,以库的方式发布到http://npmjs.com上. Spartacus库主要有三个实体组成:core,Storefront和styles. 其中Storefront包含了 ...

  • 【二班】结构化思维、框架思维的区别和联系

    应[二班]同学的提问,我整理一下自己对这个的认识: 结构化思维脱胎于麦肯锡的金字塔原则,是一种分析问题的方法. 按照冯唐(冯曾经是麦肯锡的合伙人)的说法是: 用一句话说,金字塔原则就是,任何事情都可以 ...

  • 树化玉和玉有什么区别?

    树和玉,本来是两个千差万别的不同概念,在树化玉的身上却成了和谐的统一体.它似玉非玉,似木非木:它的实质已变成了玉,却又偏偏保留了树的很多特征.也许有人会这样认为:树化玉就是玉之中的一种,玉只是一个极大 ...

  • 标签和关键字之间的区别 | 分博士

    标签与关键字 关键字和标签是Web开发中的两个工具,可以极大地帮助将流量引至您的网站.在大多数情况下,这两者可互换使用,因为它们具有非常相似的功能.尽管如此,它们扮演的角色以及如何使用它们仍存在显着差 ...

  • 一汽-大众奥迪:汽车产业电动化时代的自我革新

    国家新基建,经济新动能,汽车"新四化"--这一切的背后,都有一个核心要素,那就是电与智能. 随着新一轮科技革命的持续深入,电动化.智能化.共享化和网联化成为影响和改变汽车产业走向的 ...

  • 奥特曼走向好莱坞大片,需要多久?奥特曼:去标签化很重要

    说起奥特曼,想必有很多人都感同身受,在看奥特曼的时候,会被说是幼稚的.而当你说在看好莱坞大片,比如漫威.DC英雄大片时,别人却不会这么觉得.是什么让奥特曼与好莱坞大片留下了这么大的差别化对待呢? 其实 ...

  • 天睿:社群淘客必备的标签化管理

    天睿每日一篇文章的目的  每篇文章给你赋能 今天是天睿持续第1年24天坚持每日一篇文章 今天与大家分享一个我们社群淘客必须掌握的技能,也是我们常用的技能. 这个技能能够帮助我们更好的管理用户,经营客户 ...