通过比较传统的div标签结构和页脚标签组织，可以掌握页脚标签。同时给页脚添加类，配置颜色字体进行对比。

1、HTML5布局示例代码不完整

！声明文档类型

超文本标记语言

头

meta charset='utf-8' /

标题页脚在线演示CSS5/标题

风格

正文{text-align:center}

/*保守器官CSS */

#页脚{ color: # CCC背景： # 630202；border-top :1 px solid # 871515；padding:10px 0 30px 0宽度：}

/* HTML5器官名称直接配置页脚元素的模式*/

页脚{ bac kg round: # CCCborder-top :1 px solid # 000；padding:10px 0 30px 0宽度：}。颜色-F00{ color:#F00}

/style

/head

身体

p保守html按div /p组织

div id='页脚'

版权所有CSS5.COM br/

深入学习CSS，找DIV CSS在CSS5上盈利！

/div

Phtml5页脚标记结构/p

页脚

版权所有CSS5.COM br/

进一步学习CSS，找DIV CSS资本上CSS5！

/页脚

Phtml5页脚标签结构设置设备家具类/p

页脚类='color-F00 '

CSS5.COM版权所有br/

进一步学习CSS，在DIV CSS资源上找到CSS5！

/页脚

/body

/html

上面使用了保守的html div标签和html5页脚标签，还为页脚设置了类。

2.HTML5布局阅读器截图

HTML代码html5页脚布局和阅读器阅读结果的马赛克图

测试html5页脚标签结构的效果，需要审批HTML5的IE浏览器测试。推出谷歌chrome浏览器，或者win IE9或以上。