码迷,mamicode.com
首页 > Web开发 > 详细

HTML5简介

时间:2015-07-31 13:17:34      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:

    最近HTML5很火,朋友(做互联网的)相聚讨论技术都在说H5,昨天下班路上就在想为什么要提出HTML5,难道仅仅是为HTML发个新版本吗?我觉得一切皆事出有因。下面请跟随笔者一起解答这个疑问。

一、HTML5是什么 

HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. It‘s actually three kinds of code: HTML, which provides the structure; Cascading Style Sheets (CSS), which take care of presentation; and JavaScript, which makes things happen.
    先引用 Gary Marshall的一段话,他说HTML5是HTML(Hypertext Markup Language)的最新修订版本,如果把HTML当成一个APP的话,HTML5表示这个APP的第5个主版本。HTML5包含3个部分:HTML,CSS,JavaScript,从这句话的描述应该可以大概看出HTML5与HTML之前版本的不一样了。


    可是,为什么说HTML5包含3个编码部分呢?

    首先,包含HTML这个毋庸置疑,HTML5拥有大部分HTML的基本标签元素,如:<div>, <p>等等;

    包含CSS编码?原来HTML5中增加了类似<nav>, <footer>等这样带有特定样式,表示特定内容的标签;

    包含JS编码?HTML5新增了类似<audio>,<video>等这样的多媒体标签,自身可以通过属性设定相关动作;

二、为什么要提出HTML5

    让我们从乔布斯拒绝在苹果机器上支持Flash开始说起,乔布斯觉得HTML5完全可以取代FLASH。

When Steve Jobs refused to allow Flash on iOS devices, he argued that HTML5 could do everything Flash did.
    我们知道,现在很多多媒体信息需要浏览器安装相应的插件才能浏览,这些插件包括Adobe的Flash,MicroSoft的SilverLight等,由于这些插件都有专利权,各大浏览器制造商如果使用这些插件需要支付相应的专利税费,部分浏览器制造商不愿意被插件制造商绑架,则无法浏览多媒体信息或者采用其他的方式来支持多媒体信息,这就造成了不同的浏览器对多媒体的不同支持方式,同一个多媒体信息在不同的浏览器展示的效果不一样,甚至无法展示。

    HTML5就是来解决这个问题的,统一所有终端(PC,手机,平板等),统一所有操作系统(Android,ios,windows等)。HTML5能够使你的网站在不同的终端,不同的操作系统上得到完美展示。

    HTML5的使命就是使Web实现大一统。

三、HTML5的特点

    HTML5怎么完成自己的使命呢?换句话说,HTML5到底有什么能耐呢?

    1、浏览器自带多媒体标签<audio>, <video>等,可以抛弃Flash,SilverLight等浏览器插件。这样解决了使用插件带来的兼容问题,同时还省了一笔专利使用税费;

    2、HTML5简化了基础标签,支持更多的浏览器,进一步加强了兼容性,为实现Web大一统打好了基础;

    3、HTML5还带了更多好玩的东西,如:canvas,本地存储,定位功能等等,这些特性展现了HTML5将有一个广阔的未来。更多特性请参考使用HTML5的十大原因

四、HTML5的现状

    你知道HTML5现在面临的最大问题是什么吗?

HTML5技术目前最大的困境莫过于各浏览器缺乏统一的扩展标准,在不同手机操作系统上性能表现不一致以及缺乏优质中文技术文档。HTML5技术最大的问题在于:浏览器兼容性较差。
    讽刺吧!身负Web大一统使命的HTML5目前最大的问题竟然是浏览器兼容性问题。让我们冷静反思一下其实可以理解。HTML5目前正处于高速发展阶段,使用人数也在逐步增长,对于这样一个”发展中语言“,我们要有耐心,相信它会越来越好。兼容性问题是目前发展阶段最主要的问题,也是实现Web统一最核心的问题。让我们拭目以待HTML5的未来吧!

    关于各大主流浏览器对HTML5的支持情况,我这里不赘述了,直接上mobilehtml5可以浏览。

    本文是笔者对HTML5的一些想法,如有不当之处,请大家指正!技术分享

五、参考

    1、What is HTML5, and why it will save the web from itself

    2、HTML5:what is it?


欢迎转载,请注明出处:http://my.oschina.net/xiaohui249/blog/486026

HTML5简介

标签:

原文地址:http://my.oschina.net/xiaohui249/blog/486026

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!