1国字型布局 这种布局类型分为上边栏左边栏中间内容区右边栏和底部的页脚区域，其形状酷似一个“国”字国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多需要良好组织的网站2T字型布局 这种。

html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章articlediv，ul li标签都是使用比较频繁的标签，span，i，em可以对文字进行单独的描述，表示等ltarticl。

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

确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计图，以最常用的移动设备屏幕分辨率为基准#xF3A8美工完成设计图当美工完成设计图。

第三，搜索引擎友好，网站流量大HTML5的代码是为用户明确定义的，不仅有利于开发者，也更容易让搜索引擎识别网页上的内容，让网站获得更多的流量第四，摆脱平台依赖，兼容性好对于开发者来说，HTML5可以跨平台，大部分。

代码实例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移动端开发实例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlink rel=quotstyles。

你是要学吗首先HTML是最基础的，现在流行的是HTML5设计，先学会网页布局CSS是用来美化HTML页面的为页面提供布局和格式最后再学javascript选择专业的HTML5培训机构，跟着老师一步一步操作，入门是很容易的，飞雀教育帮。

响应式布局最简单的就是用css3来实现我举一个最简单的例子下面是html代码lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initial。

对于有经验的工程师来说，如果想完整掌握HTML5和CSS3新技术，那么HTML5+CSS3网页布局和样式精粹是最合适不过的HTML5+CSS3网页布局和样式精粹包含HTML5和CSS3两部分，除了完整包含HTML5所有元素以及两种语法格式的。

当前WEB前端开发使用DIV+CSS的布局方式会比较多也比较常用吧，网页布局看起来貌似简单，但是它需要综合使用很多HTML+CSS的知识，总的来说知识量是不小如果想系统化的了解HTML+CSS方面的知识，建议你选择一本比较不错的HTML。