HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单本次学习HTML5的新标签元素有ltheader定义页面或区段的头部ltfooter定义页面或区段的尾部ltnav。

9网页布局分为自然布局，浮动布局， 定位布局 10当一个元素被定义为浮动显示时，即定义为块状元素并且该元素就会收缩自身体积为最小状态所以，应该有个好的习惯即把浮动元素设置高和宽如果没有设置，则元素会按。

1图片宽高固定，这种情况很简单水平居中就在图片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度图片的高度2，得到margintop值即可2图片高度未知，这个布局比较难实现一般我是用js做的。

流动布局流动布局是浏览器默认的布局方式他会按照你所写的标签特性，从上至下从左到右的方式进行排列在HTML中我们按照标签的排列特性可以将它们分成三类1行级元素不独占一行，不能设置元素的高度宽度和底边边距。

4左右框架类型这是一种左右为分别两页的框架结构，一般布局是左边是导航链接，最上面有时是一个小的标题或标致，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的这种类型的布局。

html5网页结构布局标签 对于HTML5来讲，在网页结构上标签定义与使用更加语义化，让搜索引擎以及工程师更加迅速理解当前网页的整个重心所在 列举常用HTML5结构组合 header nav section article figure figcaption aside footer。

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置不同的制作者会有不同的布局设计网页布局有以下几种常见结构 1“同”字型结构布局 所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧。