专注于WEB技术的IT博客

认识和体验HTML5

时间:2012-10-04分类: html5浏览:3504
分享到:

Firefoxhtml5是什么?


html5是用于取代 html 4.01 和 xhtml 1.0 标准的 html 标准版本,现在仍处于完善之中,但大部分浏览器已经支持某些 html5 技术。


html5的两大特点


1、强化了 Web 网页的表现性能。
2、追加了本地数据库等 Web 应用的功能。

html5的logo

     

支持html5的浏览器


    最新版本的 Firefox、Safari、Chrome、Explorer 9 以及 Opera 。目前一个流浏览器是否接受HTML5,已成为衡量一个浏览器是否先进的指标。据悉微软的Internet Explorer 10 将更加完美地支持 html5 特性。我个人比较喜欢用Firefox来调试html5。


html5的新特性


    用于绘画的 canvas 元素
    用于媒介回放的 video 和 audio 元素
    对本地离线存储的更好的支持
    新的特殊内容元素,比如 article、footer、header。。。
    新的表单控件,比如 email、calendar、date、time。。。

从一个表单看HTML5的强大

    html5表单代码

<!DOCTYPE HTML>
<head>
<meta charset=utf-8>
<title>HTML5的表单</title>
</head>
<body>

    <form action="" method="post">
E-mail: <input type="email" name="email" /><br />
<input type="submit" value="提交"/>
</form>

    </body>
</html>

    下面是用Mozilla Firefox 15.0.1 打开的截图

图1:

    html表单代码
<html>

    <head>
<meta charset=utf-8>
<title>HTML的表单</title>
</head>
<body>


    <form action="" method="post">
E-mail: <input type="text" name="email" /><br />
<input type="submit" value="提交"/>
</form>


    </body>
</html>

图2:

    从图上看,图1和图2相比,似乎除了文本框是红色的外,也没什么特别之处。如果你把上面的代码分别复制操作一下,分别在每个文本框输入"email",然后提交,你会发现:图1会弹出一个格外漂亮的信息框“请输入电子邮件地址”,提示你必须要填写符合电子邮件地址的格式,否则无法提交,而图2则什么都没有提示。这就是HTML5的亮点和激动人心的方!


体验html5


相信现在的网民没有几个人没有QQ号,我们的QQ空间其实就是一个正式支持W3C的HTML5规范草案的产品,打开你的QQ空间,用心去体验一下这典范的HTML5产品吧。

    业界普遍认为HTML5规范将会是未来的互联网“普通话”。

     

    

猜你喜欢
标签 : html5
除非注明,本文首发网志博客,欢迎转载!转载请注明本文地址:http://w3note.com/web/23.html,谢谢。
  • 评论
  • 赞助本站
推荐相关阅读
认识和体验HTML5