第1章 初识HTML5

本章任务

任务1：了解HTML5的优势

任务2：HTML5新增元素及属性

任务3：CSS3高级选择器

技能目标

◆ 了解HTML5的简介及优势

◆ 掌握HTML5新增的结构元素、网页元素及全局属性

◆ 能够熟练使用CSS3高级选择器美化网页

本章知识梳理

本章简介

从2010年起，HTML5和CSS3就已经成为互联网技术一直关注和讨论的话题，1999年HTML4就停止开发了，直到2008年1月22日HTML5才公布了第一份正式草案。2010年，HTML5开始用于解决实际问题，各大浏览器厂商开始升级自己的产品以支持HTML5的新功能。尽管有时候浏览器对其支持得不是很好，但大部分现代浏览器都已经支持了HTML5。现在HTML5已经广泛应用于网站制作、游戏开发、移动应用开发等各个领域。

目前HTML5技术已经日趋成熟，支持HTML5的浏览器包括Firefox（火狐浏览器）、IE9及其更高版本、Chrome（谷歌浏览器）、Safari、Opera等，国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等同样支持HTML5。随着谷歌、Twitch、YouTube等大型企业将视线投向HTML5，更加确认了HTML5在互联网时代的发展前景。在不久的将来，HTML5将会与我们的工作生活息息相关，HTML5不仅在PC端，在移动端上更是有着广泛的应用和发展前景。

预习作业

1. 简答题

（1）什么是HTML5？HTML5有哪些优势？

（2）在HTML5中，新增加的结构元素有哪些？

（3）在HTML5中，新增加的全局属性有哪些？

2. 编码题

使用HTML5新增加的结构元素搭建页面框架，要求如下。

（1）设置一个500px宽，700px高的大盒子。

（2）大盒子拆分为三块，结构为上中下。

（3）分别使用不同的结构标签布局页面。