《HTML5.0研究报告》赵长凯学号：12222010113二O一二年十月二十三日Web开发与实践期末作业目录目录 (2)第一章HTML5简介 (3)1.1 HTML5的背景 (3)1.2 HTML5的主要优势 (4)第二章HTML5技术特点 (6)2.1 语义特性 (6)2.2 存储特性 (8)2.3 设备兼容特性 (13)第三章总结 (16)第四章参考文献 (17)第一章 HTML5简介1.1HTML5的背景HTML一直用作万维网的标记性语言，它起先主要被设计于用以语义性地描述科技文档，但一般地，随着逐年的发展，它已经可以支持很多其他类型的文档。
1982年，蒂姆.伯纳斯.李创建了HTML的雏形，它以纯文字格式为基础，旨在使得世界各地的物理学家方便地进行资料共享以及沟通。
由于一开始HTML有很多的版本，所以它没有作为1.0的版本，后来，对HTML的后续开发，作为“HTML的一个超集”被称作“HTML+”。
为了区分HTML的各个版本，版本2.0被定义作为第一个正式规范。
在1993年，随着W3C的建立，HTML3.0规范被提出，这个规范提供了诸如表格、复杂数学元素的显示和文字排绕，但是最终由于缺乏浏览器的支持而终止。
HTML3.2规范去掉了3.0规范的大部分特性，但加入了更多的浏览器支持，而对于数学公式支持的HTML规范成为了叫做MathML的标准。
1999年，HTML4.0规范被提出，它也加入大量元素和属性，同时也去除了一些陈旧的元素，但对web 网页的表现性能以及web应用的功能还是比较欠缺，于是在2006年，当时研究XHTML2.0的万维网联盟（W3C）与致力于网页格式和应用研究的web超文本应用技术工作组(WHATWG)决定合作开发HTML的一个新版本--HTML5.0。
2008年1月，HTML5的第一正式草案被公布，现在，HTML5仍在发展完善中，尽管如此，大部分浏览器包括Firefox, Chrome, Safari,IE9等，都已经可以支持HTML5。
图1.1.1 HTML的演进(图片来源：百度文库)HTML5.0规范的制定旨在取代HTML4.01和XHTML1.0标准的HTML版本，它希望减少浏览器对富网络应用插件的需要以及提供更多能增强网络应用的标准集。
因此它有两大特点：一，web网页的表现性能得到了提升；二，web应用功能诸如本地数据库的增加。
1.2HTML5的主要优势作为最新版的且正处在发展阶段的的HTML规范主要修订版本，HTML5对于HTML之前的规范的优势主要有以下七点：一，更清晰的网页结构HTML5引入的新元素使得网页的构建更加简洁。
HTML4对网页构建的控制是通过多种常用的结构，诸如<header>,<footer>等元素，而HTML5可以使用div元素来标记结构里的区域／块，并且通过为这些标记的区域／块加上id 或者class加以描述和区分。
同时HTML5提供了诸如<section>,<nav>,<article>,<aside>标签，使得开发人员可以更好地标注网页上的区域／块。
HTML5也更新了<menu>的标签，它不仅可以用作普通菜单也可以用在工具条和右键菜单栏上。
传统的对文字和图像的处理依赖于样式表，而HTML5提供了<figure>标签，通过它可以直接对这些文字和图像进行控制。
二，更便捷的多媒体文件支持HTML5 可以更加方便的支持视频和音频，它将提供直接的支持（通过<canvas>标签）而不再需要Adobe的Flash技术的支持，它甚至可以通过javascript来控制视频和音频文件的显示。
HTML4对媒体文件的支持需要诸如<.embed><object>标签以及相应的代码和大量参数来保证媒体文件得以正常播放，为了更容易的在网页中添加和处理多媒体和图片内容， HTML5添加了标签<audio>和<video>,可以直接用以嵌入音频和视频文件，<track>标签则可以用来追踪视频的文字信息，HTML5也同时整合了SVG的内容。
三，更独立的文档继承以前版本的HTML是通过它们的语法来定义文件的继承，而HTML5则是通过文档对象模型（DOM）来定义，因此在HTML5中文件的继承不用依赖于它自身的语法。
四，更新的标签集合HTML5去除了诸如<b>和<font>的标记，而用CSS进行处理，而不常被使用的标签比如<frame>,<center>,<big>也被从标签集中移除。
五，更好的错误处理机制HTML5定义了对非法文档的处理细节，提供接口使得浏览器和客户端可以统一一致地处理文档中的语法错误。
六，更简洁的doctype众所周知，在使用HTML5之前的规范进行网页开发的时候，都需要在文件头输入一串复杂难记的doctype，而HTML5则去掉了这些多余的内容。
七，更聪明的存储作为HTML5的一大优势，本地存储特征，HTML5的APP Cache， IndexedDB技术和API 说明文档使得基于HTML5开发的网页应用具有更快的启动速度和联网速度。
第二章 HTML5技术特点2.1语义特性HTML5为网页描述提供了更多的标签和资源描述框架，更加丰富的语义使得描述的网页具有更好的意义和结构。
而对微数据和微格式的支持使得HTML5描述的网页可以数据驱动。
HTML5 提供了五种分节元素（sectioning elements）：section, article, aside 和nav，它们通过div元素，像积木一样可以彼此穿插组成web的页面大纲。
通过使用这些分节元素可以创建页面的章节而不需要通过标题。
HTML5的布局（图片来源：百度文库）下面对这四个分节元素分别进行简单的讨论：2.1.1 section元素Section元素是在HTML5提供的四个新分节元素中应用最普遍的元素，它用在文章中作为有主题相对独立的一部分内容，这部分内容通常拥有一个标题，因此可是视作一个章节。
下面是一个对应用section元素布局页面的简单示例。
<section><h1>Physical characteristics</h1><p>Landforms are categorised by characteristic physical attributes such as elevation, slope, orientation, stratification, rock exposure, and soil type.<p> </section><section><h1>Asia</h1><p>the world's largest and most populous continent, located primarily in the eastern and northern hemispheres</p></section><section><h1>Africa</h1><p>the world's second-largest and second-most-populous continent.</p> </section>2.1.2 article元素Article元素标识一篇独立的文章，这个文章可以用在文档，网页，应用程序等，它可以独立地被发布和重用。
以下是使用article的简单示例，该示例中包含一个父article和两个带有时间标签的子article：<article><header><h1>This is my 1st article</h1></header><p>This is my article drafted as a portion of my homework.</p><section><h1>Menu</h1><article><footer><p>Author: Changkai Zhao</p><p><time pubdate datetime="2012-10-1 9:00:00"></time></p></footer></article><article><footer><p>Author:ChangkaiZhao</p><p><time pubdate datetime="2012-10-21 9:34:35"></time></p></footer></article></section></article>2.1.3 nav元素Nav元素作为起到navigation（导航）作用的元素，可以链接到其他页面或者页面的其他部分。
下面是对nav元素使用的简单示例，在网页的页头中加入三个链接：<header><nav><ul><li><a href="#">Overview</a></li><li><a href="#">HTML5 Intro</a></li><li><a href="#">CSS3 Intro</a></li></ul></nav></header>2.1.4 aside元素Aside元素用以引用一部分独立于同一个页面内容的一部分内容，这部分独立的内容通常被定位于页面的侧边栏（side bar）<p>This is one part of my webpage</p><aside><q>This is the sidebar</q></aside><p>This is the second part of my webpage</p>2.2存储特性正如上文提到的，HTML5支持本地存储。
