第31章项目实战-PC端固定布局[2]

学习要点：

1.大纲算法

2.section和div

3.结构分析

主讲教师：李炎恢

本章主要开始使用学习用HTML5和CSS3来构建Web页面，第一个项目采用PC端 固定布局来实现。

一．大纲算法

在HTML5中有一个很重要的概念，叫做HTML5大纲算法(HTML5Outliner)，它的用途是为用户提供一份页面的信息结构目录。比如我们经常使用的手册就是一个非常好的大纲 结构：

合理的使用HTML5元素标签，可以生成一个非常清晰的文档大纲，我们可以通过各种 工具去查看当前页面，比如谷歌和火狐的插件可以查看当前的HTML5大纲。这里我们推荐 使用一个服务器端的测试工具：HTML 5 Outliner，网址如下：

测试工具： https://gsnedders.html5.org/outliner/

这个工具可以上传本地html文件，也可以填写URL，或者直接在多行文本框上编写HTML5代码均可了解大纲。

通过我们将上一节课的代码编写，发现这个页面的大纲非常的难看，出现三个Untitled Section，这个意思表示页面此处缺少大纲标题，不规范。如果你的页面在这里测试，大纲都比较清晰，那么HTML5页面是比较规范的。

查看更多关于第31章项目实战-PC端固定布局[2]的详细内容...