对于初入门的网页设计者和开发者而言，学习网页设计和开发就应该从HTML5和CSS3开始，这是毋庸置疑的对于有经验的工程师来说，如果想完整掌握HTML5和CSS3新技术，那么HTML5+CSS3网页布局和样式精粹是最合适不过的。

步骤1 创建空白的HTML 5模版 首先，我们创建一个空白的模版，代码很简单，如下所示复制代码 步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如article， aside， details， figcaption， figure， footer， header。

此外比较特殊的是弹性布局，弹性布局相对使用较少，需要根据项目的具体情况而定在网站开发当中，通常是需要结合多种布局去实现网页布局的如果是在学习网页布局的相关知识，可以弄本 HTML5布局之路 ，来辅助自己的学习。

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

9 lthtml如果网页编写工具暂时不支持HTML5也没关系，自己写这几行代码也很简单说明第一行lt！DOCTYPE html是HTML5对文档类型的简化，化繁为简文档类型的作用验证器依据它来判断该采用何种规则去验证代码强制浏览器以标准模式。

常用布局上中下 三栏 少常用布局左中右 三栏也有左右 两栏 还有很多，很多 可以用标签定位你需要的布局没有固定格式。

简述当前网页设计语言选择html5的五大理由这个问题相当于问html5的优点或者特性首先，web应用程序更容易开发HTML5的规范是基于用户至上的准则编写的，符合开发者的编码习惯语法限制不严格，代码更简洁易读第二，功能。

列举常用HTML5结构组合 header nav section article figure figcaption aside footer 一般首页结构，如图所示 当然也可以是下面的结构 其中section和article最为相似，而且和div标签貌似也有很大相似之处 但看似相似，并不是真的。