div元素 div是块级元素,相当于一个容器,在语义上不代表任何特定类型的内容.主要用作大的框架布局,也就是说网页的骨架主要通过div来架设的,而网页的血肉则是有span.p或者ul等元素完成. section元素 <section>标签是HTML5新增的语义化标签,代表文档中的"节"或"段"."段"可以是指一篇文章里按照主题的分段:"节"可以是指一个页面里的分组.主要作用为对页面的内容进行分块或者对文章的内容进行…

最近正在学习html5,刚接触html5,感觉有点不适应,因为有一些标签改变了,特别是div, section article这三个标签,查了一些资料,也试着用html5和css3布局网页,稍微有点头绪了,下边还有一个我刚刚布局好的一个简单的网页,供大家参考,先看一下,最起码心里对html5的结构有些概念. div HTML Spec: “The div element has no special meaning at all.” 这个标签是我们见得最多.用得最多的一个标签.本身没有任何语义,…

刚刚开始接触 HTML5 时,对它的标签很不适应,甚至一度有点反感.尤其是对 div.section.article 这几个标签,实在弄不清楚应该使用在什么场合下. div HTML Spec: The div element has no special meaning at all. 这个标签是我们见得最多.用得最多的一个标签.本身没有任何语义,用作布局以及样式化或脚本的钩子(hook). section HTML Spec: “The section element represents…

定义和用法 <section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 注意: section 不是一个专用来做容器的标签,如果仅仅是用于设置样式或脚本处理,专用的是 div section 里应该有 标题(h1~6),但文章中推荐用 article 来代替 一条简单的准则是,只有元素内容会被列在文档大纲中时,才适合用section元素. section的作用是对页面上的内容进行分块,如各个有标题的版块.功能区或对文章进行分段,不要与有自己完整.独…

h5新增样式 section标签 使用demo //h5新增属性 h5新增滚动的标签 <marquee> <div style="padding-left: 20px;margin-top: 10px;color: #fff;"> <marquee behavior="scroll" bgcolor='red' direction="left" width='100%' height='30'>单方向循置参数的…

转自 http://www.studyofnet.com/news/331.html 本文导读:<section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分.section元素标签用来表现普通的文档内容或应用区块.一个section通常由内容及其标题组成,但section元素标签并非一个普通的容器元素:当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div元素而非section. section 字面上理解为“块”,“部分”,section元…

section ·<section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. ·section用作一段有专题性的内容,一般在它里面会带有标题. section典型的应用场景应该是文章的章节.标签对话框中的标签页.或者论文中有编号的部分.section元素用于对网站或应用程序中页面上的内容进行分块,section元素的作用是对页面上的内容进行分块,或者说对文章进行分段:一个section元素通常由内容及其标题组成,通常不推荐为那些没有标题的内容使用s…

div section article ,语义是从无到有,逐渐增强的.div 无任何语义,仅仅用作样式化或者脚本化的钩子(hook),对于一段主题性的内容,则就适用 section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article.原则上来说,能使用 article 的时候,也是可以使用 section 的,但是实际上,假如使用 article 更合适,那么就不要使用 section .nav 和 aside 的使用也是如此,这两个标签也是特殊的 sectio…

CSS实现图片在div a标签中水平垂直居中 <div class="demo"> <a href="#"> <img src="test.jpg" /> </a> </div> /*For Firefox Chrome*/ .demo{border:1px #ddd solid;width:208px;height:148px;overflow:hidden;text-align:ce…

在复制微信的文章格式到ueditor时发现section标签中的style和class属性丢失,严重影响美观. 原文格式,排版清晰段落分明赏心悦目: 复制到ueditor后的格式...这跟原文是没法比了 于是打开代码模式,发现section的属性全没了 但是请注意,span的属性还是有的,猜测ueditor有可能某种规则限制了标签的属性复制. 果不其然,经过chrome的一番调试后,发现ueditor中有xss过滤器,默认启用,按照配置文件中的白名单列表,不在其中的将去除. 找到section那…