HTML 5中的五个应用亮点

开发 前端
本文介绍HTML 5中的五个应用亮点,以及介绍HTML 5支持contenteditable属性,允许你设定网页的哪一部分可以编辑,在基于Wiki的站点,这非常实用。

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 的 站点,这非常实用

【编辑推荐】

  1. HTML 5倍受青睐,XHTML 2处境尴尬
  2. Adobe反戈一击:HTML 5将不会取代Flash
  3. HTML 5指引下一代网络应用开发标准
  4. 苹果Safari 4正式版发布 支持HTML 5标准
  5. HTML 5怎么就成了RIA“杀手”?
责任编辑:佚名 来源: cnblogs
相关推荐

2011-02-13 13:04:00

HTML 5Web

2012-03-29 09:18:47

HTML5WEB

2015-06-19 15:39:49

国外HTML5酷站欣赏

2011-08-10 13:44:22

HTML 5

2012-07-06 14:39:33

HTML5

2010-12-30 10:06:29

HTML 5

2011-07-27 09:30:21

HTML 5

2012-08-30 10:18:09

HTML5CanvasHTML5实例

2013-07-02 09:17:57

html5组件

2012-06-05 10:48:23

2011-08-29 17:27:47

HTML 5交互移动应用

2011-07-18 13:35:14

HTML 5

2011-11-11 09:29:29

2011-10-26 08:51:48

HTML 5

2018-11-05 10:02:53

2009-09-01 12:45:14

雪豹苹果操作系统

2023-03-30 10:16:50

物联网IOT

2013-05-22 09:59:10

HTML 5音频

2022-03-21 08:32:13

HTML5API存储空间

2011-05-11 12:59:18

HTML5
点赞
收藏

51CTO技术栈公众号