HTML5基础与新特性介绍及结构标签应用.pdfVIP

HTML5

讲师：汪磊

HTML5介绍（一）

•什么是HTML5？

•HTML5将成为HTML、XHTML以及HTMLDOM的新

标准。

•之前叫做WebApplications1.0，于2004年被WHATWG

提出，于2007年被W3C接纳，于2008年发布正式草案。

•HTML5仍处于完善之中。然而，大部分现代浏览器

已经具备了某些HTML5支持。

•支持HTML5的浏览器：

•Firefox、Chrome、Opera、Safari、IE9+

2014/7/26北京传智播客教育@汪磊2

HTML5介绍（二）

•HTML5的新特性：

•语义化；

•本地存储；

•智能表单；

•网页多媒体；

•全新的API：

•即时二维绘图、媒体播放、

•离线存储数据库、拖放操作

•WebSocket

2014/7/26北京传智播客教育@汪磊3

HTML5结构标签（一）

•传统DIV+CSS结构的缺陷：

•结构不是非常清晰；

•语义性不强；

•不利于SEO；

•新标签结构

•语义化（看HTML就能看懂）

2014/7/26北京传智播客教育@汪磊4

传统标签结构

divclass=header

divclass=nav

divclass=contentdivclass=sidebar

divclass=articledivclass=widget

divclass=articledivclass=widget

divclass=footer

2014/7/26北京传智播客教育@汪磊5

现代标签结构

header

nav

sectionaside

articledivclass=widget

articledivclass=widget

footer

2014/7/26北京传智播客教育@汪磊6

HTML5结构标签（二）

•header：定义文档的页眉

•nav：页面导航的链接组

•section：独立的、完整的相关内容块

•article：定义文档中的具体的文章内容

•aside：标签用来装载非正文的内容

•footer：定义section或document的页脚

2014/7/26北京传智播客教育@汪磊7

HTML5多媒