Html5中的<section>标签
来源:互联网 发布:Windows测试udp 编辑:程序博客网 时间:2024/04/30 02:45
本文导读:<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。section元素标签用来表现普通的文档内容或应用区块。一个section通常由内容及其标题组成,但section元素标签并非一个普通的容器元素;当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div元素而非section。
section 字面上理解为“块”,“部分”,section元素代表一个页面或一个内容块的部分,一般作为主题块列表,在html5网页中表现的意思跟字面理解差不多,即部分,块,模块,主要作用为对页面的内容进行分块或者对文章的内容进行分段。
section标签是成对出现的,以<section>开始,以</section>结束
section标签通常带有一个标题和一个内容块。
一、section标签实例
<!doctype html><article> <h1>Web编程语言比较</h1> <p>web编程语言常用的有asp,asp.net,php,jsp</p> <section> <h2>asp</h2> <p>asp全称Active Server Page</p> </section> <section> <h2>asp.net</h2> <p>asp的颠覆版本</p> </section> <section> <h2>php</h2> <p>草根动态语言,免费,强大</p> </section></article>
二、article与section的异同
section和article可以互相嵌套,也就是说他们没有上下级关系,section可以包含article,article也可以包含section。
感觉上使用都差不多,都可以有h1,h2,h3,都有一个主体,那应该怎么来区分它们的不同?其实很简单,只要从字面上理解它们就可以足够了:
1、article是文章,文章就是一段完整的独立的内容。
2、section就是块,某种意义上可以理解为div,但是比div的意思更加明确一点。
三、section和div的异同
1、section和div都可以对内容进行分块,但是section是进行有意义的分块,无意义的分块应该由div来做,例如用作设置样式的页面容器。
2、section内部必须有标题,标题也代表了section的意义所在。
四、使用<section>标签需要注意的地方
1、不要将<section>作为用来设置样式或行为的“钩子”容器,那是<div>的工作。
2、如果<article>、<aside>或<nav>更符合状况,不要使用<section>。
3、不要为没有标题的内容区块使用<section>。
摘自:http://www.studyofnet.com/news/331.html
- Html5中的<section>标签
- Html5中的<section>标签的介绍
- html5的section标签
- HTML5 新标签section使用
- Html中的section标签
- HTML5 基础(002_<section> 标签)
- HTML5中的Article和Section元素
- HTML5 中的新标签
- HTML5 中的新标签
- HTML5中的标签
- html5中的列表标签
- html5中的meta标签
- HTML5中的<p>标签
- HTML5中的output标签
- <section></section>标签
- HTML5 中的video标签介绍
- html5中的语义化标签
- Html5中的a标签详解
- windows程序设计——飞机大战笔记(解决输入混合密码账户,结局自动记录数据)
- Android 控件:CheckBox
- 【从零开始学NGUI 】 (七)Atlas制作
- 水平凡 创建新的插件
- Android面试---Handler,Looper,MessageQueue
- Html5中的<section>标签
- 加载配置文件
- ZOJ_1091-Knight Moves
- 巡逻机器人(Patrol Roboot,UVa1600)
- Unity3D-client +MinaServer仿微信聊天系统
- Linux基本命令
- 02设计包含min函数的栈
- 如何快速找到下载主机,解决网络拥塞问题。
- Unity3D研究院之C#使用Socket与HTTP连接服务器传输数据包(四十三)