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 官方网站

HTML 5 令人期待的 5 项功能相关推荐

  1. H5页面开发怎么做?分析H5页面开发令人期待的 5 项功能。

    来源品略网:http://www.pinlue.com/article/2020/03/0518/019985707535.html H5页面开发怎么做-H5页面开发令人期待的 5 项功能 HTML ...

  2. python新技术_2020年令人期待的Python新功能

    Python是程序员需要多少自由度的实验. 太多的自由,没有人可以阅读别人的密码; 太少,表现力受到威胁. -蒂姆·彼得斯(Tim Peters). 多年来,Python在最近的几个版本中添加了许多强 ...

  3. 微服务网关Kong 1.0正式发布!提供100+项功能

    今天,我们很高兴地发布Kong 1.0 GA--一个可扩展.快速.开源的微服务API网关,用于管理.保护和连接混合和云原生架构.Kong位于服务之前,并可通过插件进行扩展,包括身份验证.流量控制.可观 ...

  4. ophone令人期待的八大热点应用

    通过关系老杳拿到一款联想正在开发的oPhone手机,令身边的朋友羡慕不已.由于没有亲身体验朋友所羡慕的只是oPhone绚丽的外观和强大的硬件配置,如对CMMB.GPS等的支持以及非常舒适的上网体验,其 ...

  5. 【正一专栏】亚冠抽签点评——上港令人期待

    亚冠抽签点评--上港令人期待 昨晚看了一下广东卫视的足球专题节目讨论今天的亚冠抽签结果,作为广东的媒体肯定是支持恒大没得说,对于恒大来说抽到上海上港是下下签,抽到日本随便哪个队是下签,亚冠打到这个地步 ...

  6. 数据分析工具有多好用?Yonghong Z-Suite V8.8 发布,实现20余项功能新改变!

    每一次蜕变,不再是简单的功能提升,而是更好地满足客户场景需求. 专注于为客户提供更敏捷.更快速.更强大的大数据解决方案,永洪科技拥有完全自主知识产权的大数据分析应用软件Yonghong Z-Suite ...

  7. Kubernetes v1.19 正式发布!更新 33 项功能

    终于,我们迎来了 Kubernetes 1.19 版本,这是2020年的第二个版本,也是迄今为止最长的发布周期,总共持续20周.本版本包括33项更新.12个更新已稳定,18个增强功能进入测试版,13个 ...

  8. Java 14 中令人期待的五大新特性!

    随着新的 Java 发布生命周期的到来,新版本预计将于 2020 年 3 月发布,本文将对其中的 5 个主要特性作些概述. 作者 | Sylvain Saurel 译者 | 苏本如,责编 | 郭芮 出 ...

  9. doodoo.js发布1.1.0 -- 中文最佳实践Node.js Web快速开发框架,支持Koa.js, Express.js中间件。包含多项功能改进,及Bug修复。...

    2019独角兽企业重金招聘Python工程师标准>>> doodoo.js发布1.1.0 -- 中文最佳实践Node.js Web快速开发框架,支持Koa.js, Express.j ...

最新文章

  1. C#获取指定坐标点像素,效率更高快
  2. dp、sp和px的区别
  3. itools下载链接被360警告:虚假招聘网站
  4. 原字体_在包装上玩转字体
  5. node.js学习笔记(4) http服务
  6. .NET 产品组问卷调查|和我们分享你的 .NET 使用情况
  7. 参加一场 Google IO 需要多少资金?
  8. 查看手机已经记住的WIFI密码
  9. Android应用程序层的作用,Android应用程序框架-004.bean层
  10. php使用blob加密视频,javascript实现blob加密视频源地址的方法
  11. 动态分级存储特性-SmartTier
  12. 北京智和信通企业级网络流量监控方案
  13. 【STM32 .Net MF开发板学习-12】跳动的音符(PWM合成)
  14. 干货 | 携程Dynamo风格存储的落地实践
  15. BMap添加海量点数据,BMap.Point携带数据
  16. 人生到处知何似,应似飞鸿踏雪泥
  17. NVIDA和AMD天梯图
  18. maya2018英文翻译_maya2018英文怎么切换中文?
  19. 案例:淘宝点击关闭二维码
  20. matlab曲线已知y求x,已知X、Y用MATLAB绘制曲线

热门文章

  1. 测试多个线程调用同一静态方法(无静态变量)时是否有线程安全问题
  2. lnmp 60秒的服务器缓存时间
  3. Delphi APP 開發入門(五)GPS 定位功能
  4. 2013-10-31 《October 31st, 2013》
  5. 文字超长自动省略,以...代替,CSS实现
  6. 用户控件和自定义控件
  7. SQL SERVER 优化 50法
  8. 深度学习框架的评估与比较
  9. 重新学习web后端开发-002-hello, world
  10. jQuery给css增加!important