任务一:div section article 区别

div:毫无意义可言

article是特殊的section标签,里面内容比section分得更为详细,它比 section 具有更明确的语义, 它代表一个独立的、完整的相关内容块,一般有头有尾,可以脱离上下文独立存在,即使脱离了,意思也还是完整的;而section是作为整体的一部分存在。主要根据例子来区别他们的用法:

<article>

  <hgroup>

    <h1>Apples</h1>

    <h2>Tasty, delicious fruit!</h2>

  </hgroup>

  <p>The apple is the pomaceous fruit of the apple tree.</p>

  <section>

    <h1>Red Delicious</h1>

    <p>These bright red apples are the most common found in many supermarkets.</p>

  </section>

  <section>

     <h1>Granny Smith</h1>

     <p>These juicy, green apples make a great filling for apple pies.</p>

  </section>

</article>

时间: 2024-10-17 02:34:43

任务一:div section article 区别的相关文章

HTML5 中 div section article 的区别

刚刚开始接触 HTML5 时,对它的标签很不适应,甚至一度有点反感.尤其是对 div.section.article 这几个标签,实在弄不清楚应该使用在什么场合下. div HTML Spec: The div element has no special meaning at all. 这个标签是我们见得最多.用得最多的一个标签.本身没有任何语义,用作布局以及样式化或脚本的钩子(hook). section HTML Spec: “The section element represents

div section article区分--20150227

div section article ,语义是从无到有,逐渐增强的.div 无任何语义,仅仅用作样式化或者脚本化的钩子(hook),对于一段主题性的内容,则就适用 section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article.原则上来说,能使用 article 的时候,也是可以使用 section 的,但是实际上,假如使用 article 更合适,那么就不要使用 section .nav 和 aside 的使用也是如此,这两个标签也是特殊的 sectio

section,div,artical的区别

section:看起来像是有语义版的<div>,但实际的使用是用在一个专题性的版块,且通常带有一个标题.适合用于章节.标签切换效果的每一个tab容器或论文中有编号的地方,也可以用于网站主页中划分简介.新闻.联系信息等板块 artical是一个特殊的section标签,比section具有更明确的语义,代表一个独立的.完整的相关内容块.一般来说,artical会有标题部分(通常包含在header内),有时也会包含footer 总结: div section article ,语义是从无到有,逐渐

HTML5的article和section的区别

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

HTML5——section,article,aside

section section元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容 块.section可以表示成一个小节,或者tab页面里的一个tab下的box块.一个页面里可以拆分成多个section,分别代表 introduction, news items和contact information. 如果元素的内容集中到一起显示可以表达相应的意思的话,那就可以定义成article元素,而没必要使用section元素. se

artice与section的区别

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <article> <header> <h1>我的个人资料</h1> </header> <p>我叫mudy,是个小学生&

HTML5学习笔记简明版(2):新元素之section,article,aside

section section元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块.section可以表示成一个小节,或者tab页面里的一个tab下的box块.一个页面里可以拆分成多个section,分别代表introduction, news items和contact information. 如果元素的内容集中到一起显示可以表达相应的意思的话,那就可以定义成article元素,而没必要使用section元素. sect

div与span区别及用法

DIV与SPAN区别及div与san用法篇 接下来了解在div+css开发的时候在html网页制作,特别是标签运用中div和span的区别及用法.新手在使用web标准(div css)开发网页的时候,遇到第一个问题是div与span有什么区别,什么时候用div,什么时候用span标签. 目录 特点与区别 小结 知识扩展 案例效果演示 一.DIV与SPAN的区别与特点   -   TOP 以下是在没有对开发网页页面设置css样式时候情况下,系统默认情况下的介绍div与span区别div占用的位置是

span元素和div元素的区别

span元素和div元素的区别:本章节简单介绍一下span元素和div元素的区别,因为这两个元素在布局中非常的常用,可以说几乎没有任何页面不适用这两个元素,下面就简单介绍一下它们两者的主要区别.一.元素的性质:span元素内联元素,而div元素是块级元素.关于两种类型元素的区别可以参阅什么是块级元素和内联元素一章节. 二.元素的使用方式:div元素主要是用作大的框架布局,而span元素则是主要用于对内容的修饰,比如颜色字体大小.代码如下: <!DOCTYPE html> <html>