html5:article与section元素

article元素

aiticle元素代表文档、页面或应用程序中独立的、完整的。可以肚子被外部引用的内容。它可以使一片博客或报刊中的文章、帖子。

一个article元素通常有它自己的标题,通常放在header元素里面,有时还有他的脚注。

 

Section元素

section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常有内容及其标题组成。但section元素并非一个普通的容器元素;当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素。

通常不推荐为那些没有标题的内容使用section元素。

区别

如果一块内容相对来说比较独立、完整的时候,应该使用article元素;如果一块内容分成几段的时候,应该使用section。

注意:

不要将section用作设置样式的页面容器,那是div元素的工作。

如果article元素。aside元素或nav元素更符合使用条件,不要使用section元素。

不要为没有标题的内容区块使用section元素。

时间: 2024-08-10 04:33:09

html5:article与section元素的相关文章

HTML5中的Article和Section元素

HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:和. 最常被问起的问题是:在什么情况下我们应该使用这些元素?以及我们应该如何正确的使用这些元素? Section元素 这是一个最容易产生歧义的元素.它与元素有什么区别?我们一直在用来划分段落,所以除 了,我们什么时候使用这个元素.我们引用官方文档来阐述它.根据WHATWG文档,对元素做了以下 描述: "元素表示了一篇文档或应用中,通用段落 - WHATWG" 精心开发5年的UI前

html5 中的 article 和 section 元素

HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:<article>和<section>. 最常被问起的问题是:在什么情况下我们应该使用这些元素?以及我们应该如何正确的使用这些元素? Article元素 从名字上,它已经很好的诠释了自己,但是我们仍要看看官方文档上是如何描述它的: "在文档,页面,应用或是站点上的一个独立部分,并且大体上,是可独立分配,或是重复使用的,例如在发布时.这个可以是论坛帖子,杂志或是新闻,

HTML5新增的结构元素

HTML5的结构 一:新增的主体结构元素 在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉,页脚内容区块等文档结构相关联的结构元素. 1.1article元素 article元素代表文档,页面或应用程序中独立的完整的,可以独自被外部引用的内容,<article> 标签定义外部的内容.article元素是可以嵌套使用的,内层的内容在原则上需要与外层的内容相关联, 另外article元素也可以用来表示一个插件. <time> 标签定义日期或时间,或者两者.pubdate

HTML5之article元素与section元素之间的区别?

在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉.页脚.内容区块等文档结构相关联的结构元素.内容区块是指将HTML页面按逻辑分割后 的单位.例如对于书籍来说,章.节可以称为内容区块:对于博客网站来说,导航菜单.文章正文.文章的评论等每一个部分都可称为内容区块.       在HTML5中新增的主体结构元素中有两个元素分别article元素与section元素,这两个元素是什么意思?通常用于哪些内容区块?何时用article元素?何时用section元素?两者之间的区别是什么?   

HTML5的article和section的区别

内容区块是指将HTML页面按逻辑分割后的单位.对于页面网站来说,导航菜单.文章正文.文章的评论等每一个部分都可称为内容区块.      article元素      article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或报刊中的文章.一篇论坛帖子.一段用户评论或独立的插件,或其他任何独立的内容.除了内容部分,一个article元素通常有它自己的标题(一般放在一个header元素里面),有时还有自己的脚注.<article>      <h

HTML5学习:语义元素article

HTML5学习:语义元素article 一.定义<article> 标签定义外部的内容.外部内容可以是来自一篇文章,或者来自博客 的博文,或者是来自论坛的文章. 二.用法格式和上篇的section元素一样:<h1></h1><p></p>,示例代码如下: <!DOCTYPE html> <html>   <head>     <meta http-equiv="Content-Type"

HTML5之Section元素案例详解

什么是Section元素 Section元素是对网站.网页进行内容分块的元素.一个section元素通常是由内容和它的标题组成,section元素并非是一个普通的容器元素,当一个容器需要被直接定义样式的时候,我们还是推荐大家是div,下面我们就通过一段简单的代码来认识我们section元素. Section元素的用法 <!DOCTYPE html><html><head lang="en"><meta charset="UTF-8&q

HTML5&lt;article&gt;元素

HTML5<article>元素用来定义页面文档的独立内容. 实例: <article class="pageArticle"> <h2>article</h2> <header> <h2>article header</h2> </header> <aside> <h2>article aside</h2> </aside> <p>

HTML5&lt;section&gt;元素

HTML5<section>元素用来定义页面文档中的逻辑区域或内容的整合(section,区域),比如章节.页眉.页脚或文档中的其他部分. 根据W3C HTML5文档中:section里面应该包含标题及一级内容. 实例: <section id="pageSection"> <h2>section</h2><p>section标签是用来定义页面文档中的逻辑区域或内容的整合,通常会包含标题和一组内容.</p><