网络布局与div标签

什么是网页布局？

网页布局就像盖大厦一样，首先要设计框架，有了框架才可以填充里面的内容。网页设计之前需要规划网页页面的整体划分。

框架布局（使用减少）（框架集<frameset>）

优点：能够显示更多内容，支持滚动条，页面导航方便，用户上网浏览的体验

缺点：不同浏览器之间兼容性不好，保存时需要框架和内容文档同时保存。适用场合：框架布局在后台管理中应用的较多。

表格布局：早期，表格仅用来存放数据，后来使用表格布局

优点：表格布局适合于页面简单的场景，实现相对简单。缺点：不灵活，当页面需要变化时，几乎需要重新设计，并且当页面较为复杂时，用户在请求页面过程中，需要整页都下载完毕才能显示，页面的显示速度明显下降，用户体验差。小型网页页面布局。

DIV+CSS布局（流行）

div+CSS是网页布局的首选。优点：适应复杂的页面布局，页面需要变化时灵活方便，页面请求过程中可以边下载边显示，大大提高显示速度，用户体验好。缺点：过于灵活，对网页设计人员要求较高。适用场合：任何大、中、小型Web项目。

div的解释：div（division）是一个区块容器标记。可以容纳段落、标题、表格、图片乃至章节等各种HTML元素。

div是一个独立的对象，声明时只需要对<div>进行控制，其中的元素就会随之改变。

<div>是一个“块级”元素，它包围的元素会自动换行。<span>仅仅是一个“行内”元素，在它的前后不会换行。<span>没有结构上的意义（既不用来布局）,仅仅是为了应用样式，当行内没有其他元素可选择时可以使用<span>来控制样式。

<div>中可以包含<span>，通常情况下，<div>标记用于控制页面中较大区块，而<span>标记仅仅用于需要单独设置样式风格的小元素，如一个单词，一幅图片，一个超链接等。