HTML 5:实至名归还是言过其实?

开发 前端
庶几何时,HTML 5开始吸引越来越多的人的目光,尽管W3C表示,它的最终成熟还有很长的路,然而并不能阻止人们对它的期待。

尽管还有很长的路要走,但HTML 5已经开始吸引越来越多的人的目光。大型社交网站Facebook已经开始切换其视频部分到HTML 5Google文档的离线模式被HTML 5所取代Youtube宣布开放HTML 5视频功能......这些变化,使我们能够感觉到HTML 5正在潜移默化的进行着对互联网的革命。

2007年,HTML 5向W3C标准进军,HTML 5的使命是实现富Web应用的本地化,脱离浏览器插件的羁绊。W3C于2008年1月推出HTML 5的第一份草案,而HTML 5标准的全部实现也许要到2022年以后。

什么是HTML 5

HTML 5是继HTML 4.01,XHTML 1.0和DOM2 HTML后的又一个重要版本,旨在消除富Internet程序(RIA)对Flash,Silverlight,JavaFX一类浏览器插件的依赖。

HTML 5概要

HTML 5

HTML 5带来很多新功能,以及HTML代码上的改变,你需要使用一些特定的API脚本,如:

◆DOM
◆实现2D绘图的Canvas对象
◆可控媒体播放
◆离线存储
◆文档编辑
◆拖放
◆跨文档消息
◆浏览器历史管理
◆MIME类型和协议注册

那些支持HTML 5的浏览器在处理HTML代码错误的时候必须更灵活,而那些不支持HTML 5的浏览器将忽略HTML 5代码。

HTML语法的变化

HTML语法

HTML 5引入了新的HTML元素和属性,有的是传统通用元素的语义化版本,如取代div元素的nav,footer等元素,也有一些全新的元素,如audio,video。一些在HTML 4中不被推荐使用的元素,如font和center将被弃用。HTML 5引入的新HTML元素包括:

◆article:文章
◆aside:内容旁边的侧边栏内容
◆audio:音频
◆canvas:2D绘图
◆command:命令按钮
◆datalist:下拉选择框
◆details:对象的细节
◆dialog:对话框
◆embed:外部插件或对象
◆figure:一组媒体对象以及标签文字
◆footer:页脚
◆header:页首
◆hgroup:文档某一部分的信息
◆keygen:表单生成的Key
◆mark:标注的文字
◆meter:预先定义的范围内的度量
◆nav:导航条
◆output:输出
◆progress:进度条
◆rp:标识rubby内容
◆rt:rubby内容的解释
◆ruby:rubby内容
◆section:定义一个部分
◆source:媒体的资源
◆time:日期时间
◆video:视频

这些新标签,可以让你的HTML文档更容易加载,且更容易被搜索引擎抓取其中的有用信息。比如,搜索引擎可以直接抓取它最关心的article标签里面的内容。关于HTML 5语法更多内容,请参阅:解读HTML 5新语法 提高语义价值

HTML 5同那些流行的技术如何共存

[[10649]]

如今的Web世界已经习惯了各种插件和API,HTML 5为Web开发与设计者带来了方便与不便,HTML 5将如何同现在的这些流行技术共存?

HTML 5与Flash

这个争论由来已久,Flash被某些开发设计者滥用导致一些网页加载缓慢,而HTML 5为之带来一线曙光。拿仍在襁褓中的HTML 5和已经有10年历史的Flash进行比较也许有失公允,但这是人人都关心的一个问题。相对Windows用户来说,Mac用户可能会从HTML 5获得更多好处,因为苹果一直不愿支持Flash。下面是Mike Chambers针对Mac和Windows平台浏览器的CPU负载而做的一部分测试:

HTML 5与Flash

测试显示,Mac平台的Flash表现要差于Windows平台,这还取决于你使用的浏览器。现在看来,就视频游戏而言,Flash是更好的选择,但取决于你的浏览器,如果你的视频不是很复杂,HTML 5是更好的选择。Web开发与设计者从这些争论中应该吸取的东西是,Flash之外还有别的选择,但Flash有牢固的地盘,在为客户提供开发设计的时候,需要对他们的目标客户做一些研究。

关于HTML 5与Flash的争论,各方也持有不同的观点,51CTO之前也曾报导过很多这样的文章,比如当Flash遇到HTML 5 互联网视频倾向哪方?HTML 5来临 Flash死亡倒计时?HTML 5代表未来 插件不会销声匿迹等等。

HTML 5与IE9

IE9经常高调宣扬它对HTML 5的兼容,不过,它确实将是一个很好地支持HTML 5的浏览器,因为,IE9使用Windows现代图形API以及PC的图形加速卡输出文字和图形。在三月份的MIX展会,微软还宣称,IE9将支持GPU加速的HTML 5,将图形滚动,3D图形显示等处理交由图形加速卡。

HTML 5与Ajax

现在的HTML语言的一个问题是,它是一种轻量级的应用界面,那些喜欢使用Ajax实现在线应用的开发者会发现HTML非常不好用。Ajaxwith.com认为,HTML适合用来加载界面,JavaScript用来执行命令,虽然HTML在作为界面语言方面并不好用,但鉴于多数开发者对它的熟悉程度,HTML还是不可缺少。一个好消息就是,HTML 5会让Ajax应用的实现变得更容易。

HTML 5 with CSS

你需对你的CSS代码就行整理以支持HTML 5,因为h1,h2之类的标签将不再使用,为了实现同HTML 5的兼容,最好的方式是使用CSSreset,将那些常见的HTML标签的CSS属性清零,woork认为,最好的CSSReset是EricMeyersCSSreset。(相关文章推荐:揭秘HTML 5和CSS3 Web实现飞跃的踏板

HTML 5优劣谈

[[10650]]

HTML 5可能对移动Web带来更多好处,原因是,现在的移动Web,iPhone占主导地位,而iPHone以及刚刚上市不久的iPad是不支持Flash的。HTML 5还会让其它平台的移动浏览器有更快的网页加载速度。另一个好处是SEO,Google在4月9号宣布,将页面加载速度作为搜索排名的一个因素,因此,基于HTML 5的页面也会因加载速度更快而受益。

不过,和任何新技术的降临一样,其中也会牵扯到一些问题,对Web设计者而言,最大的一个问题就是因为这些新标签的引入,各浏览器之间将缺少一种统一的数据描述格式。在HTML 5被广泛采用之前,我们还无法完全知道HTML 5代码将带来的好与坏,总体来说,对开发者而言,这将是一个巨大的变化,而对图形设计师而言,还不明朗。

【编辑推荐】

  1. HTML 5,神化运动进行时
  2. HTML 5标准:富互联网时代的产物
  3. HTML 5 Web Socket:下一次Web通信革命揭幕
  4. HTML 5将给开发者带来什么?
  5. HTML 5、H.264、Flash 网络视频“三人行”

 

责任编辑:王晓东 来源: 锐商企业CMS
相关推荐

2023-03-09 08:00:00

强化学习机器学习围棋

2015-01-07 16:26:01

2018-01-17 08:28:43

SAS说法数据中心

2012-03-07 09:52:01

Windows 8PC

2012-01-16 08:35:32

云计算大型企业

2014-07-02 09:40:37

云安全信息安全

2024-04-19 13:55:36

python小迭代递归

2014-03-03 09:21:31

云安全云计算

2012-05-28 09:25:23

WiFiWiFi辐射

2019-06-26 06:00:15

安全风险安全产品整合

2015-09-16 17:17:58

2018-03-05 08:52:57

2011-10-18 17:00:02

2012-12-12 17:59:18

LOFTER版权

2015-06-05 10:32:03

SOA

2011-07-14 09:16:10

HTML 5

2019-01-07 15:46:41

大数据互联网企业

2015-12-29 17:15:42

2014-03-17 09:34:01

HTMLHTML闭合

2010-08-18 09:38:32

HTML 5IE9
点赞
收藏

51CTO技术栈公众号