html5中div框架，div制作网页基本框架

详解HTML5中div和section以及article的区别

1、总结：div section article ，语义是从无到有，逐渐增强的。div 无任何语义，仅仅用作样式化，对于一段主题性的内容，则就适用 section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。

2、区别 div、section、article，语义是从无到有，逐渐增强的。div无任何语义，仅仅用作样式化或者脚本化的标签。

3、article 是一个特殊的 section 标签，它比 section 具有更明确的语义， 它代表一个独立的、完整的相关内容块。一般来说， article 会有标题部分(通常包含在 header 内)，有时也会 包含 footer 。

4、在进行HTML5的编写时，会对div、section、article的使用混淆，经过查阅相关的资料，以及自己的总结，得出div、section、article的区别。

5、html5的新增的标签都是带有语义的，不光要从字面来说，还要从举例中来说。article 是独立的一块内容，比如一篇新闻，一篇文章，包含文章主旨，还可以包含辅助内容。

相关问答

Q1: html5中的结构性标签怎么使用

html5 虽然增加了很多新的标签，但是并不代表完全抛弃了原有的标签，例如dl-dt-dd组合标签和ul-li组合标签等。article、section的出现并不代表着div作用减少，而是说更合理更清晰的用html标签表达出网页的结构。

正应为大家公认html布局中对“header”为常用命名，所以在HTML5新增了个header标签元素。可以这样理解为什么在html5中新增header为标签元素。除了直接使用header标签外，也可以对header设置class或id。

section、aside：分别是定义节(如章节/页眉) 和定义某内容之外的内容(类似题外话的意思)。比起在HTML5以前的版本，这些标签都是对页面更细致的设置。

Q2: 用html5布局,每一块用不同的颜色做背景并用边框框起来,具体内容忽略...

跟h4一样，div布局，加背景就是了。h5只是新增了一些标签，新增了一些属性。不要搞的h5好像是一门新的语言一样。它照样是div+css来布局的。新加的几个块级标签只是方便的表明了是哪一部分。

）当元素没有定义边框时，可以把内边距作为外边距使用。有时候外边距会有重叠现象的。

打开HTML在线编辑器。点击“编辑”按钮，其时光标位于编辑界面顶端。然后点“插入表格”按钮，弹出“表格属性”对话框，如下图做好相关参数设置：在“背景图片”粘贴第一张素材图片的地址，然后点“确定”。

box的宽高可以用 width和heigh t来设置 注意，width和height只是设置盒子内容区大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定。

直接用css属性值设置边线：border即可，还可以单独设置border-left，right，bottom，top。

Q3: HTML5中div干啥用的?

小时候我们玩积木，一块块积木堆积起来，组成了一个完整的建筑模型，div就是这一块块小积木，用来组成一个完整的网页，浏览器很笨，他只认识人们给他定义好的语法，比如div，当浏览器看到div，就会自己去将div组建成网页。

通俗认识div，div作用就是实现布局、实现对内容样式控制、实现各种各样的布局效果。DIV的用法实例，这里通过对div设置不同CSS样式，观察其效果。

div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 div，那么该标签的作用会变得更加有效。

section用于元素内容被列在文档大纲中。div：div用于设置样式或脚本处理。来源不同 section：section每部分内容形式上是类似的，但是来源是独立的。div：div每部分内容形式上是类似的，来源也是相同的。

Q4: 常用的HTML5框架有哪些

SproutCore是一款高人气前端框架，且利用MVC架构规范构建而成。立足于HTML5的强大能力，它允许我们通过高效客户端逻辑与高质量主题特性构建出运行速度出色且具备可扩展能力的Web应用程序。

LungoJS这个是被认为开发移动网站最好的HTML5开发框架，使用HTML5/CSS3和JavaScript技术。可帮助创建基于iOS、Android、Blackberry和WebOS平台的应用程序。

Siimpler Siimpler 是个简单的 HTML 开发框架，他可以通过选择你自己喜欢的部分，来帮助你迅速又简单地创建 HTML5 开发结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 Web 项目。

html5中div框架的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于div制作网页基本框架、html5中div框架的信息别忘了在本站进行查找喔。