HTML5

标签：

之前运用HTML5写了一个小游戏，所以今天就给大家分享一下我认识的HTML5，首先HTML5是针对现有的版本进行了一些丰富，把一些原先常用的标签进行了统一，还添加了一些以前没有的新标签来满足更复杂的功能，像原先网页上面的音乐播放器，现在都不需要通过flash插件来实现，仅仅通过HTML5编写程序来实现，可以说HTML5的出现是一个很大的进步。首先来说一下既然HTML5那么好为什么我们现在所用的大部分还是以前的HTML4呢？这是因为很多浏览器还没有完全支持HTML5，并且还有浏览器不支持HTML5比如IE9之前的版本。我们写网页很多效果如果用户所用的浏览器不支持的话，那就没有任何意义了，所以保证兼容性是程序员必不可少的工作，这也是限制HTML5广泛运用的原因。还有一个原因就是HTML5在移动端的使用中表现并不太好，移动端的游戏上面的流畅度很难保证。

当然既然要介绍HTML5  肯定有很多很强大和好用的地方，也就是也是有优势存在的。

1.添加了canvas画布元素，这个元素可以帮助我们实现更炫更棒的动画效果，HTML5游戏就是通过这个canvas来实现的场景的渲染。

2.HTML5还加入了媒介元素，如video和audio元素，直接运用这两个元素就可以引入视频和音频效果。当使用<audio>元素时还要记得包含两种音频格式。FireFox想要.ogg格式的文件，而Webkit浏览器则需要.mp3格式的。和往常一样，IE是不支持的，且Opera 10及以下版本只支持.wav格式。

3.本地离线存储的支持。使用Local Storage可以永久存储大的数据片段在客户端除非你去主动删除，目前大部分浏览器已经支持这个属性了。

4.原先的标签更加清晰和语义化，比如article，footer，header，nav等等，在这之前我们都是运用DIV来进行板块的切分，但是多层DIV的滥用会使得网络爬虫爬不到关键字，使得百度这种搜索引擎上的排名上不去，网站的使用率也就大大的被降低了。

5.新的表单元素属性，比如data，time，Email，url，search等。

6.占位符 (Placeholder),在学习HTML5以前可能都用了很多次了，但是并不晓得这个属性是HTML5的属性，在学习以后确实是觉得这个属性非常的好用，因为在HTML4中，你需要用JavaScript来给文本框添加占位符。比如，你可以提前设置好一些信息，当用户开始输入时，文本框中的文字就消失。而在HTML5中，新的“placeholder”就简化了这个问题，直接可以实现相同的效果。

7.正规表达式 (Regular Expressions)在HTML4L中，你需要用一些正规表达式来验证特定的文本。而HTML5中新的pattern属性让我们能够在标签处直接插入一个正规表达式。比如：

<form action="" method="post"> 

<label for="username">Create a Username: </label>   

  <input type="text"     name="username"     id="username"     placeholder="4 <> 10"     pattern="[A-Za-z]{4,10}"     autofocus     required> <button type="submit">Go </button> 

</form>  

事实上，还有很多新元素和特性，上面提到的只是一些我认为网站开发中常用的，剩下的就由你们自己去摸索啦。

HTML5

标签：

原文地址：http://www.cnblogs.com/xiaomila/p/4558970.html