HTML5中div section article的区别
来源:互联网 发布:硬笔书法 知乎 编辑:程序博客网 时间:2024/04/30 07:01
HTML5中新增了<header>、<footer>、<nav>、<section>、<article>、<aside>、<figure>多个有语义的结构化标签元素。其中section和article这两个标签和div差不多功能,很容易混淆。
div(分区division)
这个标签是我们见得最多、用得最多的一个标签,以至于Div+CSS成了HTML网页设计的标准。本身没有任何语义,用作布局以及样式化或脚本的钩子。
HTML Spec:The div element has no special meaning at all.
section(章节)
简单地说section就是带有语义的div,<div class="section"></div>相当于<section id=""></section>。
section表示一段专题性的内容,一般会带有标题。当一个标签只是为了样式化或者方便脚本使用时,应该使用div。一般来说,当元素内容明确地出现在文档大纲、文章章节、博客条目、用户评论部分或者论文中有编号的部分时,section就是适用的。
article(文章)
article是一个特殊的section标签,它比section具有更明确的语义,它代表一个独立的、完整的相关内容块。
article代表的内容可以被外部引用。例如:博客中的一篇文章,论坛中的一个帖子或者一段浏览者的评论等。如果元素的内容集中到一起显示可以表达相对独立完整的意思,那就可以定义成article。
nav和aside的使用也是如此,这两个标签也是特殊的section。
0 0
- HTML5 中 div section article 的区别
- HTML5 中 div section article 的区别
- HTML5中div section article的区别
- HTML5中div section article的区别
- HTML5中div section article的区别
- HTML5 中 div section article 的区别
- HTML5 中 div section article 的区别
- HTML5中div section article的区别
- html5中div section article区别
- HTML5中div,section,article的区别总结
- HTML5中div、article、section的区别及使用介绍
- HTML5中div、article、section的区别及使用介绍
- HTML5中div、article、section的区别及使用介绍
- Html5 中div section article
- Html5之Div,Article,Section的区别与应用
- HTML5 section、article和div区别
- H5中section和article和div的区别
- div、section、article的区别和使用
- android 各类功能实现博客索引
- iPhone6来了,国产手机如何突围?
- 使用xml文件生成在线帮助文档
- 带视图缓存的动态布局
- #第一站#阿里巴巴前端面试总结-死于一面(2014-9-17)
- HTML5中div section article的区别
- 漫谈程序员各种大赛
- 解决QML开发中ComboBox中一个已选择项没有清除的问题
- wordpress添加用户注册以及登录IP记录
- Leetcode: Reverse Integer
- 链表相邻元素翻转,如1->2->3->4->5->6-7,翻转后变为:2->1->4->3->6->5->7。
- easy ui 简介下载地址和事例地址官方主页
- ucos内存管理 二维指针
- smali入门之packed_switch