HTML 5中的五个应用亮点

时间:2015-5-26 19:53:38   作者:互联网   来源:互联网转载   阅读:245   评论:0
内容摘要:  1. 标签更语义化   标签语义化在Web2.0时代已经得到大力推广,不过开发人员仍需要足够的耐心,“曲线救国”是常常需要的,HTML4 如下 表现:  HTML 5 将如下表现:  2. Web 表单UI更好用  比如有下面这样一个表单:  在 HTML4 我们需要这样写代码,然后使用 JavaScript 或服...

  1. 标签更语义化

  标签语义化在Web2.0时代已经得到大力推广,不过开发人员仍需要足够的耐心,“曲线救国”是常常需要的,HTML4 如下 表现:

HTML4

  HTML 5 将如下表现:

HTML 5

  2. Web 表单UI更好用

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

Web表单UI

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

HTML4代码

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

HTML5代码

  3. 直接支持音视频

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

HTML 5代码

  4. 矢量绘图 -- 标签

  报表需求越来越大,HTML5可以直接搞掂(GOOGLE API上有一套蛮不错的图表脚本):

canvas标签

  相比静态图片,使用 标签,可以直接针对它编程,比如,根据用户的投票,实时生成圆饼图。
  5. 用户可以编辑网页的内容

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


标签:中的 五个 应用 亮点 

免责申明:

站内素材文件均整理自互联网,仅供个人学习参考使用,请勿用于商业用途,如您喜欢请购买正版

站内资源除部分为本站原创外皆由网上搜集和整理,若无意中侵犯到您的权利,敬请告之(QQ:2390986128)敬请告之,我们将在48小时内删除。知识产权声明】【★下载说明★】

图库精选

全站地图