【HTML】section标签理解

1.HTML标准中对section的解释

The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.

Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A Web site’s home page could be split into sections for an introduction, news items, and contact information.

Note: Authors are encouraged to use the article element instead of the section element when it would make sense to syndicate the contents of the element.

Note: The section element is not a generic container element. When an element is needed only for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element’s contents would be listed explicitly in the document’s outline.

2.注意点：
section 不是一个专用来做容器的标签，如果仅仅是用于设置样式或脚本处理，专用的是 div
section 里应该有标题（h1~6），但文章中推荐用 article 来代替
一条简单的准则是，只有元素内容会被列在文档大纲中时，才适合用section元素。
section的作用是对页面上的内容进行分块，如各个有标题的版块、功能区或对文章进行分段，不要与有自己完整、独立内容的article混淆。

3.比较生动的比喻
拿报纸举个例子：
一份或一张报纸有很多个版块，有头版、国际时事版块、体育版块、娱乐版块、文学版块等等，像这种有版块标题的、内容属于一类的版块就可以用section包起来。
然后在各个版块下面，又有很多文章、报道，每篇文章都有自己的文章标题、文章内容。这个时候用article就最好。如果一篇报道太长，分好多段，每段都有自己的小标题，这时候又可以用section把段落包起来。

4.div\section\article
div充当容器的角色，用来设置某一块的总体属性（一个div里面可能包含多个section）；

section用于强调某一个模块，强调模块本身是作为一个整体的；article用于强调某一段独立的内容，强调内容的独立性。

--------------------以上内容来自知乎https://www.zhihu.com/question/20227599 由个人整理-------------------------

5.个人理解

section 是在一个总体内对章节/区域的划分与表示，主要作用可体现网页大纲，反应页面内容话题的层级关系。它可被

包围–当作完整文章里的一个章节或区域划分，也可以包含

就像前面的报纸举例一样。

查看全文

http://www.taodudu.cc/news/show-3618988.html

Html中的section标签
html中section标签的理解
关于html5中section标签与div标签的区别
数据库乐观锁
Java乐观锁
mybatis 乐观锁实现
mysql乐观锁实现_mysql实现乐观锁实例(demo)
java中乐观锁_java中的乐观锁的研究总结
Java并发：乐观锁
java乐观锁实现_Java 乐观锁原理与实战演练
mysql设置乐观锁_mysql数据库怎么设置乐观锁
乐观锁解决高并发
Mysql实现乐观锁
什么是乐观锁，什么是悲观锁
mysql version 乐观锁_mysql乐观锁总结和实践
mysql乐观锁重试_乐观锁失败重试
mysql如何使用乐观锁_mysql 乐观锁实现
mysql insert 乐观锁_【mysql】关于乐观锁
CAS乐观锁
Mysql乐观锁实战
乐观锁
mysql 乐观锁时间戳_MySQL乐观锁
MySql悲观锁（行锁）和乐观锁
乐观锁详解
常见锁策略—乐观锁悲观锁
乐观锁解析
软件构造-等价类划分
黑盒测试——等价类划分
等价类划分方法
软件测试中等价类划分为,等价类划分法和边界值法

【HTML】section标签理解相关推荐

html section 布局,HTML：section标签
标签定义了文档的某个区域.比如章节.头部.底部或者文档的其他区域. 标签是 HTML5 中的新标签. 注意:section不是通用容器元素.如果仅仅是用于设置样式或脚本处理,应用div元素.一条简单的 ...
html5中还有div吗,关于html5中的section标签与div标签的区别（内有实例）
摘要腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...
h5 中的 section 标签
转自 http://www.studyofnet.com/news/331.html 本文导读:<section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中 ...
关于html5中section标签与div标签的区别
关于html5中section标签与div标签的区别本篇文章主要的想大家介绍了关于HTML5 section标签和div标签的区别,section和div的用法看似相近,实则差的也不是太多,有些地方 ...
section标签及辨析div\section\article异同
section标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. div\section\article标签 div充当容器的角色,用来设置某一块的总体属性(一个d ...
html5 section与div,关于html5中的section标签与div标签的区别（内有实例）
本篇文章主要的想大家介绍了关于HTML5 section标签和div标签的区别,section和div的用法看似相近,实则差的也不是太多,有些地方可以相互转换都行,但有些地方只能用section或者只 ...
html界面出现 section,如何在HTML5中正确使用“ section”标签？
标记的正确方法是什么? 从技术上讲,两者都是正确的. 我要说的是,这两个示例看起来都不正确--但是很难用纯文本而不是真实上下文来说明,因为是语义标记,而不是像这样的通用包装. 您当然不应该有两个具有相 ...
1 谈谈section标签
section 字面上理解为"块","部分",section元素代表一个页面或一个内容块的部分,一般作为主题块列表,在html5网页中表现的意思跟字面理解差不多 ...
[暑假]section标签和div标签的区别
如果迫切需要知道答案可以跳过对二者的理解往下看哦. 不过话说回来这个不仔细研究,对自身知识框架的搭建影响很小的,所以也可以不看-. 对section标签和div标签的理解: div标签 ...

【HTML】section标签理解

相关文章：

【HTML】section标签理解相关推荐

最新文章

热门文章