文档章节

HTML5简介

萧十一郎君
 萧十一郎君
发布于 2015/07/31 11:45
字数 1205
阅读 617
收藏 7

    最近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

© 著作权归作者所有

萧十一郎君

萧十一郎君

粉丝 64
博文 34
码字总数 19501
作品 0
昌平
程序员
私信 提问
2015 HTML5游戏开发者大赛

2015 HTML5游戏开发者大赛 大会简介 2014年,由W3C制定的HTML5标准正式封稿,正值移动互联网大潮汹涌之际,延宕8年之久的HTML新标准此时出台可谓恰逢其时, HTML5标准与移动互联网的结合必将...

文洁洁洁
2015/06/09
1K
4
2015 HTML5游戏开发者大赛

2015 HTML5游戏开发者大赛 大会简介 2014年,由W3C制定的HTML5标准正式封稿,正值移动互联网大潮汹涌之际,延宕8年之久的HTML新标准此时出台可谓恰逢其时, HTML5标准与移动互联网的结合必将...

文洁洁洁
2015/06/09
11
0
localStorage 和 sessionStorage 简介

导读 一、 简述 sessionStorage 和 sessionStorage 是 HTML5 新增的两个特性,这两个特性主要是用来作为会话存储和本地存储来使用的,解决了 cookie 存储空间不足的问题; sessionStorage 属...

qianyin925
05/05
0
0
本地存储—localStorage(HTML5)

localStorage简介 今夜死活睡不着,决定整理下最近搞得localStorage…… 先简单说下阐述下:localStorage 规范:http://dev.w3.org/html5/webstorage/ localStorage用于持久化的本地存储,除...

郏高阳
2013/01/03
14.1K
11
移动Web应用程序开发 HTML5篇 (四) 多媒体API

介绍 本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。 本篇是HTML5介绍的第四篇,主要介绍HTML5的多媒体API。 相关文章: 移动Web应用...

红薯
2012/02/27
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
14
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
15
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部