【HTML5入门教程一】什么是HTML5 有何新特性?分享经验

对于做网站前端的程序员来说,了解HTML5的新特性很必要,如果初学者想详细的学习,这有一份HTML5入门教程教初学者快速学习。很简单,很实用……
  
1、什么是 HTML5?


HTML5是下一代的HTML, 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

2、HTML5新特性

HTML5 中的一些有趣的新特性

  • 用于绘画的 canvas 元素

  • 用于媒介回放的 video 和 audio 元素

  • 对本地离线存储的更好的支持

  • 新的特殊内容元素,比如 article、footer、header、nav、section

  • 新的表单控件,比如 calendar、date、time、email、url、search



3、浏览器支持
最新版本的 Safari(苹果浏览器)、Chrome(谷歌浏览器)、Firefox(火狐浏览器) 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 (IE9)将支持某些 HTML5 特性。

4、实践案例

HTML5的video视频新特性,不需要Flsh插件就可以直接用HTML5的video元素播放视频,大家可以试一试,

代码如下:

http://bbs.jointforce.com/forum.php?mod=viewthread&tid=16065


注:虽然现在很多浏览器都支持HTML5,但是也有一些浏览器的兼容性较差需要先查看你的浏览器是否支持HTML5。视频是本人自己简单录制的,大家可以自己找一些小视频试试。

【HTML5入门教程】接下来的每周都会更新,想学习的朋友可以持续关注,大家一起学习,希望帮助更多的刚入行的程序员提高技术,有什么问题欢迎回复……




大家可以下载本案例的源代码和视频文件,或者关注微信和微博联系我获取资料,QQ:1194177433。

关注微博 免费获取IT资料
【HTML5入门教程一】什么是HTML5 有何新特性?分享经验_第1张图片

关注微信号 免费获取IT资料

【HTML5入门教程一】什么是HTML5 有何新特性?分享经验_第2张图片

关于IT技术的博文每周都会更新,希望大家多多支持,分享经验,互相学习……

你可能感兴趣的:(程序员)