什么是网页布局?
网页布局就像盖大厦一样,首先要设计框架,有了框架才可以填充里面的内容。网页设计之前需要规划网页页面的整体划分。
框架布局(使用减少)(框架集<frameset>)
优点:能够显示更多内容,支持滚动条,页面导航方便,用户上网浏览的体验
缺点:不同浏览器之间兼容性不好,保存时需要框架和内容文档同时保存。适用场合:框架布局在后台管理中应用的较多。
表格布局:早期,表格仅用来存放数据,后来使用表格布局
优点:表格布局适合于页面简单的场景,实现相对简单。缺点:不灵活,当页面需要变化时,几乎需要重新设计,并且当页面较为复杂时,用户在请求页面过程中,需要整页都下载完毕才能显示,页面的显示速度明显下降,用户体验差。小型网页页面布局。
DIV+CSS布局(流行)
div+CSS是网页布局的首选。优点:适应复杂的页面布局,页面需要变化时灵活方便,页面请求过程中可以边下载边显示,大大提高显示速度,用户体验好。缺点:过于灵活,对网页设计人员要求较高。适用场合:任何大、中、小型Web项目。
div的解释:div(division)是一个区块容器标记。可以容纳段落、标题、表格、图片乃至章节等各种HTML元素。
div是一个独立的对象,声明时只需要对<div>进行控制,其中的元素就会随之改变。
<div>是一个“块级”元素,它包围的元素会自动换行。<span>仅仅是一个“行内”元素,在它的前后不会换行。<span>没有结构上的意义(既不用来布局),仅仅是为了应用样式,当行内没有其他元素可选择时可以使用<span>来控制样式。
<div>中可以包含<span>,通常情况下,<div>标记用于控制页面中较大区块,而<span>标记仅仅用于需要单独设置样式风格的小元素,如一个单词,一幅图片,一个超链接等。