HTML 5 令人期待的 5 项功能

HTML 5 是超文本置标语言下一个重要版本,HTML 自1999年发布 HTML 4.01 以来,其开发一直处于停顿状态,而1999年至今正好是 Web 飞速发展的时间,现在的 HTML 版本已经无法适应现在的 Web 内容与应用。HTML 5 旨在提高 HTML 的交互行,支持当前多样的,复杂的 Web 内容。同时,它也会解决 HTML 4 Web 应用功能上的欠缺。

一点历史背景

HTML 5 的讨论开始于2003年,当时,W3C 对由 Web Hypertext Application Technology Working Group (WHATWG) 开发的 HTML 5 草案表示出兴趣,WHATWG 创始于2004年,由苹果,Mozilla 基金会,以及 Opera 公司的 代表组成。此后,W3C HTML Working Group 于2007年成立并着手开发 HTML 5。目前,开发工作仍在进行中,并将于2012年向 W3C 提交初步意见,不过现在已经有不少浏览器部分支持 HTML 5。本文介绍 HTML 5 的5大令人激动的新功能。

 

1. 一些帮助我们描述内容的新标签

Web 内容的多样性让 HTML4 力不从心,在描述一个网页时,HTML4 如下 表现:

 

HTML 5 将如下表现:

 

这样,浏览器就知道一个网页的各个部分各代表什么,比如 <nav> 部分是导航,而 <article> 部分是主要内容 。除了更漂亮的 代码与语义标签,这种改变还带来更多好处,比如,搜索引擎可以更准确地知道一个网页的哪部分内容更重要。关于 HTML 5 新标签,IBM有详细的论述。

2. 改进的 Web 表单处理

HTML 5 推出 Web Forms 2.0,为开发提供许多新选项和新功能,以更简单更有效地处理表单的输入与发布。Web Form 2.0 最令人兴奋的功能是输入验证。目前,我们需要通过 JavaScript 或服务器端的逻辑,实现同样的功能。

比如有下面这样一个表单:

在 HTML4 我们需要这样写代码,然后使用 JavaScript 或服务器端的脚本进行验证:

 

而 HTML5 中的  required 与 email 属性可以直接实现验证,如下:

3. 为 Web 开发提供 API

HTML 5 将提供多个 API,如音频和 视频标签可以让开发者不借助第三方工具直接播放 Web 视频和音频:

Opera 在者方面有不少研究并有视频播放 demo 推出

 

4. <canvas>标签将允许直接在上面用脚本绘图

人更容易从图片获得信息,如,下面的信息通过表格和圆饼图两种方式显示,效果明显不一样:

然而以往要实现这种效果,只能使用静态图片,无法对图片进行调整。使用 <canvas> 标签,你可以实时修改参数对图形进行修改,比如,根据用户的投票,实时生成圆饼图。

5. 用户可以编辑网页的部分内容并实现同网页的交互

 

HTML 5 将支持用户的交互,contenteditable属性允许你设定网页的哪一部分可以编辑,在基于 Wiki 的 站点,这非常实用。

延伸阅读

  • You can read the latest working draft of HTML 5 specifications on the W3C website (HTML 5最新工作草案).
  • Learn about the major differences between HTML 4 and HTML 5 on the W3C website(HTML4/5的主要区别).
  • IBM developerWorks has an excellent in-depth article on new elements in HTML 5.(IBM有一篇关于 HTML 5 的 深度 研究文章)
  • Read about the people in charge of developing HTML 5 specifications on the W3C HTML Working Group website.(W3C HTML 工作组成员)
  • Find out what you can do to help HTML 5 development on the WHATWG wiki website.(如何为 HTML 5 提供帮助)

本文国际来源:http://www.readwriteweb.com/archives/5_exciting_things_in_html_5.php
中文翻译来源:COMSHARP CMS 官方网站

时间: 2024-08-01 12:50:25

HTML 5 令人期待的 5 项功能的相关文章

HTML 5 令人期待的5项功能

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 HTML 5 是超文本置标语言下一个重要版本,HTML 自1999年发布 HTML 4.01 以来,其开发一直处于停顿状态,而1999年至今正好是 Web 飞速发展的时间,现在的 HTML 版本已经无法适应现在的 Web 内容与应用.HTML 5 旨在提高 HTML 的交互行,支持当前多样的,复杂的 Web 内容.同时,它也会解决 HTML

HTML5 令人期待的五项酷功能 轻松又美丽

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 HTML 5 是超文本置标语言下一个重要版本,HTML 自1999年发布 HTML 4.01 以来,其开发一直处于停顿状态,而1999年至今正好是 Web 飞速发展的时间,现在的 HTML 版本已经无法适应现在的 Web 内容与应用.HTML 5 旨在提高 HTML 的交互行,支持当前多样的,复杂的 Web 内容.同时,它也会解决 HTML

iPhone5最为期待20项功能:电池续航时间更长

导语:尽管iPhone 4的神秘面纱才刚刚被揭开,对下一代iPhone的猜测就已经开始了.日前,CNET的执行主编大卫·卡诺伊(David Carnoy)发文指出iPhone 5最令人期待的20项功能,并按其重要性进行了排序,同时还附上了对实现可能性的预测. 以下是文章的摘要: 20.内置红外线 将iPhone作为通用遥控器是个不错的注意,但是每次都得使用IR Dongle 的话就太麻烦了.(注:IR Dongle是一款iPhone外设,将其直接插在 iPhone 底部,然后配合一个与iPhon

Android Nougat 最值得期待的五项新功能

今天,Google终于确认了Android 7.0的官方名字--牛轧糖(Nougat),该系统将会在今年秋季正式推出.伴随着新版本的上线必然涌现出很多新的功能,外媒SlashGear就盘点了即将出现在Android Nougat的五项最值得期待的新功能,让我们一起来看看. 多窗口支持: 事实上在今年3月份放出的首个Android Nougat开发者预览版中就加入翘首企盼多年的原生分屏应用功能,允许用户像电脑操作系统一样自由调整应用的窗口位置和大小. 根据说明文档和源代码显示Google正在部署"

Android N 最令人期待的 10 大新功能

不久,谷歌将正式发布Android N,它有超过250个新功能.安卓粉有福了.很多新功能的目标都是使Android体验更快,更愉快,更富有成效.下面是我们最期待的十大新特性. 01.多窗口模式 Android N最令人期待的10大新功能 在计算机上工作的最好的事情是能够同时在两个窗口查看和工作. Android N可以让你在手机上也能体验这样的方便.多窗口将允许两个应用程序在新的分屏模式下并排或上下运行.(Android TV将有独立的画中画多窗口模式.)更妙的是:分屏模式还支持拖放功能. 02

Foursquare 2.0版上线:重组多项功能

北京时间9月21日消息,据国外媒体报道,美国地理位置社交网站Foursquare今天宣布推出2.0版.近几周以来,市场极为期待该新版,因为用户都想知道Foursquare将会采取什么样的措施来保持活力.Facebook-16882.html">Places(Facebook地理位置服务)不断发展,以及逐渐在全球扩张,Foursquare也清晰地知道他们需要拓展更多的功能,而不能将功能仅仅限制在"签到(check-in)"服务方面. "小贴士"和&qu

视频与LBS齐上阵 微信2.5版新增多项功能

前言:从最初的版本到现在最新的2.5版,腾讯微信集合自家优势在功能上的补充可以说非常明显,除了最初的语音对讲功能,微信iPhone版本还逐步增加了腾讯注重的微博发图和邮箱提醒功能,丰富的功能为微信赢得更多用户的青睐作出了很大的贡献.而在刚刚升级的2.5版iPhone上,微信再次推出了几项比较重要的全新功能,特别是对视频的支持更是广受欢迎,接下来我们就一起感受下2.5版iPhone微信的功能升级吧,了解本文之后,微信用户可以在设置界面进行无缝升级.点击下载iPhone 2.5版本微信微信iPhon

Windows 8.1遗漏的12项功能更新

  对于微软来说,刚刚发布的Windows 8.1系统是重新挽回颜面的重要工具,它改进了很多Windows 8系统中令人崩溃的设计,比如恢复了开始按钮等.当然,Windows 8.1的改进更多是细节而不是革命,因为归根结底它只是一个更新,而不是一个全新的操作系统. 虽然我们之前为大家详解了Windows 8.1新的应用程序和隐藏功能,但在试用了Windows 8.1预览版一天之后,我们仍然发现很多不完美之处,下面就为大家总结出Windows 8.1遗漏的12项功能更新,看看你是否也感同身受.另外

简单到极致的邮箱Triage:仅剩两项功能

北京时间6月2日消息,据国外http://www.aliyun.com/zixun/aggregation/31646.html">媒体报道,你也许再也不用为大量需要处理的电子邮件头疼了.一款新的名为Triage的电子邮件应用程序可大大简化你处理信息的步骤,它一次仅显示一条信息,你只需要挥一挥手指,就能够将信息保留或删除. 如今对于大多数人来说,汹涌而至的电子邮件令人烦不胜烦.也许移动邮件应用程序能够帮助我们解决这个问题.由IDEO公司前设计师开发的Mailbox就是其中最有前途的一款移动