你如何理解 HTML5 的 section?会在什么场景使用?为什么这些场景使用 section 而不是 div?
2013-07-10 12:59
1191 查看
section元素表示文档或应用的一个部分。所谓“部分”,这里是指按照主题分组的内容区域,通常会带有标题。【也就是每个section对应不同的主题。注意是内容本身的主题,而不是其他人为设定的划分标准。】
section的例子包括书的章节回目、多tab对话框的每个tab页、论文以数字编号的小节。网站的主页可能分成介绍、最新内容、联系信息等section。
注意:网页作者应使用article而不是section元素,如果其内容是用于聚合(syndicate)。
注意:section不是通用容器元素。如果仅仅是用于设置样式或脚本处理,应用div元素。一条简单的准则是,只有元素内容会被列在文档大纲中时,才适合用section元素。
section的例子包括书的章节回目、多tab对话框的每个tab页、论文以数字编号的小节。网站的主页可能分成介绍、最新内容、联系信息等section。
注意:网页作者应使用article而不是section元素,如果其内容是用于聚合(syndicate)。
注意:section不是通用容器元素。如果仅仅是用于设置样式或脚本处理,应用div元素。一条简单的准则是,只有元素内容会被列在文档大纲中时,才适合用section元素。
相关文章推荐
- 什么是沙盒(sandbox)?沙盒包含哪些文件,描述每个文件的使用场景。如何获取这些文件的路径?如何获取应用程序包中文件的路径?
- 【如何校验邮件地址的有效性】第一篇 :为什么要校验邮箱地址有效性?使用场景在哪里?
- HTML5中section和div使用的区别
- 如何理解前端框架中的MVVM,MVC,MVW?他们的区别和适用场景分别是什么?
- Java-线程池专题(什么是线程池,如何使用,为什么要用)
- Torch是什么,如何使用Torch,为什么选择Torch?
- 为什么使用dojo?dojo与jquery有什么不同?dojo适合什么开发场景?
- 从代理类走进句柄类(理解“引用计数”和“写时拷贝”是一波什么操作以及如何使用?)
- 有哪些类加载器?解释什么是双亲委派模型,为什么使用双亲委派模型,如何自定义类加载器?什么时候应该自定义类加载器?
- AsyncTask使用在哪些场景?它的缺陷是什么?如何解决?
- 如何实现一个HTML5 RPG游戏引擎——第三章,使用幕布实现场景切换
- 什么是静态代码块?java中如何使用空参构造方法自动生成不同名字的对象,使用非静态的属性和静态属性有什么区别,原因是什么?如何理解static关键字
- java面向对象,什么是对象,什么是类,如何理解,怎么使用
- 理解浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
- 你对MVC的理解,MVC有什么优缺点?结合Struts,说明在一个Web应用如何去使用?
- 怎么理解HTML5 中 DIV SECTION ARTICLE
- IoC容器Autofac(1) -- 什么是IoC以及理解为什么要使用Ioc
- 牛客网Java刷题知识点之什么是内部类、为什么要使用内部类、内部类如何使用外部类的属性和方法、成员内部类、局部内部类、静态内部类、匿名内部类
- 说说AsyncTask的使用方法和理解,有什么优缺点,如何解决
- C++语言笔试题目 C++中为什么用模板类&& 类中如何使用const &&函数重载,我们靠什么来区分调用的那个函数?靠返回值判断可以不可以