article和section都是指页面中的块，但是article更加强调独立性，而section常被用来分块。
section使用禁忌：
1、不要把section当作定义样式的容器，因为那是div的工作；
2、使用section的时候，section容器内一定要包含h元素；
3、如果该元素更加符合article、nav等其他元素的定义，那就尽量不要使用section
时间： 2024-09-30 19:10:09
article和section
article和section的相关文章
html5 中的 article 和 section 元素
HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:<article>和<section>. 最常被问起的问题是:在什么情况下我们应该使用这些元素?以及我们应该如何正确的使用这些元素? Article元素 从名字上,它已经很好的诠释了自己,但是我们仍要看看官方文档上是如何描述它的: "在文档,页面,应用或是站点上的一个独立部分,并且大体上,是可独立分配,或是重复使用的,例如在发布时.这个可以是论坛帖子,杂志或是新闻,
HTML5的article和section的区别
内容区块是指将HTML页面按逻辑分割后的单位.对于页面网站来说,导航菜单.文章正文.文章的评论等每一个部分都可称为内容区块. article元素 article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或报刊中的文章.一篇论坛帖子.一段用户评论或独立的插件,或其他任何独立的内容.除了内容部分,一个article元素通常有它自己的标题(一般放在一个header元素里面),有时还有自己的脚注.<article> <h
HTML5中的Article和Section元素
HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:和. 最常被问起的问题是:在什么情况下我们应该使用这些元素?以及我们应该如何正确的使用这些元素? Section元素 这是一个最容易产生歧义的元素.它与元素有什么区别?我们一直在用来划分段落,所以除 了,我们什么时候使用这个元素.我们引用官方文档来阐述它.根据WHATWG文档,对元素做了以下 描述: "元素表示了一篇文档或应用中,通用段落 - WHATWG" 精心开发5年的UI前
html5：article与section元素
article元素 aiticle元素代表文档.页面或应用程序中独立的.完整的.可以肚子被外部引用的内容.它可以使一片博客或报刊中的文章.帖子. 一个article元素通常有它自己的标题,通常放在header元素里面,有时还有他的脚注. Section元素 section元素用于对网站或应用程序中页面上的内容进行分块.一个section元素通常有内容及其标题组成.但section元素并非一个普通的容器元素:当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素
H5中section和article标签之间的区别
大家都知道,H5最大的特点就是标签语义化,可以使我们和浏览器更好的理解结构与阅读,section和article就是两只新的语义化标签.这两个标签的使用结构就是都有标题和内容主体,那么如何在使用过程中区分它们呢?下面就说一下我自己的小见解. 我们在阅读一本书籍的时候,通常在目录检索中看到以下结构,如下: 第一章 第一节 第二节 第三节 第二章 第二节 第三节 第三章 第四章 从上面的目录结构中可以看出,第一章和第二章中有小节,第三章和第四章为单独的一片文章.大章节中的小节为该章节的小分支,虽然有
HTML5新元素section和article的区别详解
HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:<article>和<section>. 在问答网站经常可以看到别人问:在什么情况下我们应该使用这些元素?我们应该如何正确的使用这些元素?<article>和<section>有什么区别? 鉴于以上的这些问题,E良师益友网为大家讲解一下<article>和<section>的区别: 一.Article元素 从名字上,它已经很好的
【H5新增元素跟文档结构】新的文档结构 1. article 文章块 2. section 区块 3. nav 导航条
1. article 文章块 article 通常包括 header 跟 footer 结构 ① 用 article 设计一篇新闻稿 语句: 1 <article> 2 <header> 3 <h1>文章标题</h1> 4 <time pubdate="pubdate">2017年9月26日消息</time> 5 </header> 6 <p> 7 文章内容 8 </p> 9 &
【HTML】section
1. 定义 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 2. div.section . article的区别 div: 本身没有任何语义,用作布局以及样式化或脚本的钩子(hook). section: 带有语义的 div , 对内容进行有意义分块,如果有复杂的样式,还是使用div article: 元素内容聚合起来更加言之有物时,应该使用 article .一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发,比如:帖子.报纸文章.
1 谈谈section标签
section 字面上理解为"块","部分",section元素代表一个页面或一个内容块的部分,一般作为主题块列表,在html5网页中表现的意思跟字面理解差不多,即部分,块,模块,主要作用为对页面的内容进行分块或者对文章的内容进行分段.section标签是成对出现的,以<section>开始,以</section>结束section标签通常带有一个标题和一个内容块. 一.section标签实例 <!doctype html> &l