【HTML】section

1.   定义

标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

2.  div、section 、 article的区别

div:   本身没有任何语义,用作布局以及样式化或脚本的钩子(hook)。

section: 带有语义的 div , 对内容进行有意义分块,如果有复杂的样式,还是使用div

article:  元素内容聚合起来更加言之有物时,应该使用 article 。一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发,比如:帖子、报纸文章、博客、评论

语义性逐渐增强  article  >  section  > div

article 、section都是html5的新标签,它们之间无上下级关系,可相互嵌套

3.  其他

html5是为了更好的媒体化、语义化而存在呢!!!

时间: 2024-12-28 22:45:25

【HTML】section的相关文章

【29】html5新标签有哪些?

canvas svg video audio [01]article(IE8不支持) [01]details [02]aside(IE8不支持) [03]header(IE8不支持) [04]footer(IE8不支持) [06]nav(IE8不支持) [07]section [08]figure(IE8不支持) [09]figcaption(IE8不支持) [10]embed [11]address [13]summary [14]menu [18]section [19]address [2

【CentOS】sudo: Account expired or PAM config lacks an “account” section for sudo

root用户切换到nowsun_old(普通用户)下,nowsun_old用户执行:sudo -l会出现以下错误 [[email protected] ~]$ sudo -l [sudo] password for nowsun_old:  sudo: Account expired or PAM config lacks an "account" section for sudo, contact your system administrator 解决方法: 1.通过查看,发现no

HDU4763 Theme Section 【KMP】

Theme Section Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Submission(s): 1114    Accepted Submission(s): 579 Problem Description It's time for music! A lot of popular musicians are invited to join us in t

【转】【教程】实现Virtualbox中的XP虚拟机和主机Win7之间的共享文件夹

原文网址:http://www.crifan.com/add_share_folder_for_virtualbox_guest_xp_and_host_win7/ 已经实现了在主机Win7下,在Virtualbox中安装了XP虚拟机. 现在需要将Win7中一个文件共享到XP虚拟机中. 所以需要去折腾Virtualbox和主机之间的共享. 1.先关闭运行中的XP虚拟机. 2.然后去新建一个共享文件夹: 然后确保当前主机Win7中,存在一个用于共享的文件夹,此处是新建了一个share_to_xp文

【转】《windows核心编程》读书笔记

这篇笔记是我在读<Windows核心编程>第5版时做的记录和总结(部分章节是第4版的书),没有摘抄原句,包含了很多我个人的思考和对实现的推断,因此不少条款和Windows实际机制可能有出入,但应该是合理的.开头几章由于我追求简洁,往往是很多单独的字句,后面的内容更为连贯. 海量细节. 第1章    错误处理 1.         GetLastError返回的是最后的错误码,即更早的错误码可能被覆盖. 2.         GetLastError可能用于描述成功的原因(CreatEvent)

【LaTeX】E喵的LaTeX新手入门教程(2)基础排版

换了块硬盘折腾了好久..联想的驱动真坑爹.前情回顾[LaTeX]E喵的LaTeX新手入门教程(1)准备篇文档框架嗯昨天我们已经编写了一个最基本的文档,其内容是这样的:\documentclass{article}\begin{document}XXX is a SB.\end{document}这个文档呢其实是分为两部分的:一部分是\begin{document}之前的那部分也就是第一行,这一部分我们称之为导言区.导言区的内容可以不只一行,它的作用是完成文档的基础设定.比如在这个文档中,我们使用

【MySQL】结构行长度的一些限制

今天被开发提交的DDL变更再次困惑,表中字段较多,希望将已有的两个varchar(4000)字段改为varchar(20000),我想innodb对varchar的存储不就是取前768字节记录当前行空间嘛,所以变更不会有任何问题的,但铁打的事实给了我结结实实的一个巴掌,直接报错,现在回放下这个错误! 模拟测试: CREATE TABLE `ttt` ( `id` DOUBLE , `select_type` VARCHAR (57), `table` VARCHAR (192), `type`

【数据源】24万数据集:社会发展类公开数据清单

[数据源]24万数据集:社会发展类公开数据清单 2016-01-06 周炜乐 数盟 数盟是一个开放的数据科学交流社区,致力于成为发现与培养“数据科学家”的基地,欢迎关注数盟或推荐数盟给身边的小伙伴- 公开数据能帮助记者找到好故事.验证信息.来自34个国家的24万数据如何一搜可得?有哪些关于社会发展议题的权威门户可以将数据一网打尽?遇到海量数据,想批量转换格式怎么办?深度君再次奉上公开数据门户清单,另外推荐转换文件格式神器,方便各位各取所需. 1.欧盟数据门户(European Data Port

深入理解javascript闭包【整理】

原文链接:http://www.cn-cuckoo.com/2007/08/01/understand-javascript-closures-72.html 英文原文:http://www.jibbering.com/faq/faq_notes/closures.html 要成为高级 JavaScript 程序员,就必须理解闭包. 本文结合 ECMA 262 规范详解了闭包的内部工作机制,让 JavaScript 编程人员对闭包的理解从"嵌套的函数"深入到"标识符解析.执行