除非你与世隔绝,否则,一定听到过关于 HTML5 的各种声音,HTML5 表面上看是用来取代 Flash Web 视频的 ,然而,它的使命远不止此。HTML5 是下一代 Web 语言,它不单单是一种标记语言,更为下一代 Web 提供了全新功能,并将引领下一代 Web 实现类似桌面的应用体验。

HTML5 主要新功能

  • 本地音频视频播放
  • 动画
  • 地理信息
  • 硬件加速
  • 本地运行(即使在 Internet 连接中断之后)
  • 本地存储
  • 从桌面拖放文件到浏览器上传
  • 语义化标记

HTML5 应用现状

现今,各 大浏览器对 HTML5 的支持各有千秋 ,我们期待着他们在一两年内趋向一致,你可能以为,既然这样,现在大概很少人在使用这个未来的标准,事实 并不如此,HTML5 现在已经被广泛应用,正如 William Gibson 所言,未来的 Web 已经来临,只是还没有被广泛采用。

你可能不知道,Google 的首页 也使用 HTML5,不过,目前,他们还仅仅使用了 HTML5 的 doctype ,页面的其它部分还是旧 代码 ,但 Google 在他们的各种应用中已经在广泛采用 HTML5。最典型的例子是 Gmail,HTML5 的离线存储使用户即使在离线状态下也可以使用 Gmail,另外,Google Docs 也使用离线存储,同样使用离线存储的其它厂商的类似应用还包括 Zoho 的办公套件和 Wordpress 的博客平台。如果你对 HTML5 的离线存储功能感兴趣,可以看一看 Mark Pilgrim 的 how to add offline support to your apps 一文。

Scribd 基于 HTML5 的文档阅读器

上图是 Scribd 的新文档阅读器,全部基于 Web 标准,并未借助 Flash。

除了视频,HTML5 还可以在多个方面取代 Flash,文档共享站点 Scribd 最近宣 布 ,他们将使用 HTML5 取代 Flash 实现文档阅读器 ,Scribd 是 HTML5 结合 CSS 所能实现的惊人功能的最好例子,他们还使用 @font-face 实现个性化字体,另外,在翻页时的变换效果也完全基于 CSS3。这些 Web 标准工具的结合使用,使 Scribd 实现了从 Flash 向纯 HTML 的过度,同时并没有牺牲文档在结构,字体,内嵌图片,图层等方面的功能。Scribd 的最新文档阅读器甚至支持 IE6,这里有一个实例,使用纯 HTML 输出复杂的公式 。

可惜被墙了 - 译者

HTML5 Canvas 与 HTML5 视频

基于 HTML5 Canvas 对象的 Invaders 经典游戏

虽然,Scribd 对 Canvas 的应用已经出神入化,我们还能找到更多这样的站点。Canvas Demos 有一系列关于 Canvas 的应用,从各种在线游戏 , 到从 网页上提取颜色 的 Rainbow 应用。

关于视频,最典型的例子莫过于 YouTube 和 Vimeo , 他们都提供了 HTML5 版本。

HTML5 地理信息定位

点击地图中,黄色小人上方的圆圈,可以告诉 Google 地图你的地理位置

HTML5 的另一个功能是地理信息定位功能,一些浏览器提供了 geolocation API ,这个 API 也由 W3C 管理,可以结合 HTML5 实现你当前地理位置定位。Google Maps 在使用该功能,在 Google 地图上,有一个小圆圈,点击一下,就能告诉 Google 地图你现在的地理位置。目前,Geolocation API 并没有被众多桌面浏览器广泛采用(只有 Chrome 和 Firefox 3.6+ 采用了),但 Google Gears 插件可以帮助那些旧浏览器实现该功能。

Twitter 借此实现地理信息感知的 tweets 消息,当浏览器支持 geolocation API 的时候,会自动使用该 API,否则,则使用 Google Gears。

HTML5 的更多意义

HTML5 的意义远不止上面这些,它最大的意义在于改变了 Web 文档的结构方式,借助 header, footer, section, article 这些标签,我们可以实现更具结构化,语义化的 Web 文档。这样,搜索引擎可以更容易索引 Web 站点,我们也可以搜索到更快,更准确的信息。

已经有数不清的站点在使用 HTML5 新标签,你可以在 HTML5Gallery 找到大量这样的站点。要想现在使用 HTML5 的新结构,不妨看看这篇 HTML5 教程 。

另外,借助 Microdata , HTML5 还可以实现更强大的语义结构,这个标准化的数据格式(类似 microformats ),可以让你的站点不仅能够提供数据,还能 提供数据定义。Microdata 对浏览器和搜索引擎都意义深远,搜索引擎可以借助 Microdata 发现你网络中的好友,而浏览器则可以藉此连接到你的社会网络好友站点,你可以在 Google 的 Rich Snippets Testing Tool 对此进行体验。

延伸阅读

  • HTML5: 实至名归还是言过其实?
  • 关 于 HTML5,开发者可以期待什么?
  • HTML 5 之后是什么?HTML
  • 深 入了解 HTML 5
  • 让 JavaScript 拯救 HTML5 的离线存储
  • Web Forms 2.0 行将被 HTML 5 代替
  • HTML 5 正在改变 Web
  • HTML 5 令人期待的 5 项功能
  • 当 HTML 5 遇见 Google
  • HTML 5 会为 Flash 和 Silverlight 送终吗?
  • Firefox 访谈:OGG, HTML 5 与 Web 视频的未来
  • XHTML 2: 出师未捷身先死, HTML 5:万千宠爱于一身
  • HTML5 File API:把文件从桌面拖放到 Web

本文国际来源:Web Monkey Where on the Web Is HTML5? (原文作者:Scott Gilbertson )

中文编译来源:锐商企业CMS 网站内容管理系统 官方网站

HTML5 到底是什么?相关推荐

  1. 【转载】知识普及:天煞的HTML5到底是个什么东西

    HTML5开始大热标志性的事件是苹果前 CEO Steve Jobs 公开炮轰 Adobe Flash,并指出 Flash 在移动终端的不利因素,而且 HTML5 将获得胜利.顿时 IT 界.数字营销 ...

  2. 简称“H5”的Html5到底是个什么鬼?

    自从微信应用号发布之后,Html5技术需求量达到了前所未有的高度,很多网页开发人员已经被老板强迫或半强迫的进行Html5学习了,在学习新技术和丢掉饭碗之间,大多数人选择了前者.对于技术人员来讲,Htm ...

  3. HTML5 应用的现状与前景

    HTML5 似乎是目前互联网最为火爆的名字了,因为整个互联网几乎完全都建立在HTML的基础之上,虽然无 论后台技术如何发展,前台基于浏览器和HTML的局面仍然是最为重要的,因为毕竟web 应用最终还是 ...

  4. HTML5将重塑Web世界?,互联网营销

    HTML5将改变互联网的方方面面.HTML5可能不会完全取代Flash,但它会重塑互联网,使浏览器无需借助插件就可以做更多的工作,从位置跟踪.视频播放到把云端的数据缓存到本地,最终能使互联网更安全.更 ...

  5. html5 canvas 不兼容safari浏览器_HTML5简介

    HTML5 是继 HTML4.01 和 XHTML1.0 之后的超文本标记语言的最新版本.它是由一群自由思想者组成的团队设计出来,并最终实现多媒体支持.交互性.更加智能的表单,以及更好的语义化标记. ...

  6. IT入门?推荐首选学习HTML5大前端

    随着当下IT技术的蓬勃发展,越来越多的人想入行或转行至"程序员"梯队.对于零基础的小伙伴来说,综合各方面原因考量,. HTML5到底是什么?HTML5是指第5代HTML(超文本标记 ...

  7. 分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(1月9日-1月15日)

    分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(1月9日-1月15日) 本周Silverlight学习资源更新 Silverlight4Beta之Binding ...

  8. html游戏技术文档编写,HTML5编写的小游戏

    HTML5编写的小游戏 HTML5 是什么东西?而 HTML5 的优势又在哪里?大家可以回顾之前一篇相关文章了解下 HTML5 知识:<深入分析:Flash VS HTML5到底谁统江山> ...

  9. 什么软件有html5游戏,多款好玩HTML5小游戏带你认识HTML5优势

    HTML5 是什么东西?而 HTML5 的优势又在哪里?大家可以回顾之前一篇相关文章了解下 HTML5 知识:<深入分析:Flash VS HTML5到底谁统江山>.现在介绍多款 HTML ...

最新文章

  1. 网路游侠:某软件版WEB应用防火墙试用
  2. asp.net mysql 读写分离_MySQL读写分离
  3. Stream Processing:Apache Flink快照(snapshot)原理
  4. Apache Falcon数据集管理和数据处理平台
  5. abap中取内表中每一类中的一行的方法
  6. python3的3D实战-基于panda3d(1)
  7. java分布式应用限流实现
  8. postgresql 重启记录_PostgreSQL 高可用:PostgreSQL复制和自动故障转移
  9. jQuery formValidator表单验证插件4.1.1提供下载
  10. [转]错误“AxImp.exe”已退出,代码为 -1163019603。
  11. Java21天打卡Day11-字符串3
  12. vscode开发python使用教程_VSCode 支持Python
  13. E-prime基本介绍
  14. 5G协议学习(38.300-物理层)
  15. 关于微软拼音输入法被管家和卫士弄丢的解决办法
  16. pr2020视频剪辑出现闪烁抖动
  17. git下载单个文件夹
  18. BurpSuite 安装配置(License Key)
  19. 阿里云智能编码插件,更Cosy的开发体验
  20. 蹲草丛-dfs或者bfs找最小的连着草丛i

热门文章

  1. Shell编程——退出状态(if语句判断某个命令的退出状态)
  2. C~K的难题(费马小定理)
  3. 刨根问底 HTTP 和 WebSocket 协议(上)
  4. linux中grep命令详解及使用示例
  5. vue3+ts+vite 路由详解
  6. python基金预测分析_Python爬虫抓取基金数据分析、预测系统设计与实现
  7. 《心智社会》—马文·明斯基
  8. matlab画直方图的histogram()函数
  9. 【Hibernate】
  10. Clean Code(整洁代码)