找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1066|回复: 0
打印 上一主题 下一主题

HTML5令人期待的5项功能

[复制链接]

2500

主题

2513

帖子

7520

积分

论坛元老

Rank: 8Rank: 8

积分
7520
跳转到指定楼层
楼主
发表于 2018-2-18 04:49:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

                      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 如下 表现:
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201008/1_vwjep__html5_dec08c.jpg" width="531" height="380" />
    HTML 5 将如下表现:
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201008/1_knndt__html5_dec08d.jpg" width="534" height="385" />
    这样,浏览器就知道一个网页的各个部分各代表什么,比如  部分是导航,而  部分是主要内容 。除了更漂亮的 代码与语义标签,这种改变还带来更多好处,比如,搜索引擎可以更准确地知道一个网页的哪部分内容更重要。
  2. 改进的 Web 表单处理    HTML 5 推出 Web Forms 2.0,为开发提供许多新选项和新功能,以更简单更有效地处理表单的输入与发布。Web Form 2.0 最令人兴奋的功能是输入验证。目前,我们需要通过 java script 或服务器端的逻辑,实现同样的功能。
    比如有下面这样一个表单:
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201008/1_dhk1e__html5_dec08e.jpg" width="261" height="203" />
    在 HTML4 我们需要这样写代码,然后使用 java script 或服务器端的脚本进行验证:
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201008/1_tbyaf__html5_dec08f.jpg" width="511" height="175" />
    而 HTML5 中的  required 与 email
    属性可以直接实现验证,如下:
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201008/1_nrq5r__html5_dec08g.jpg" width="511" height="175" />
  3. 为 Web 开发提供 API    HTML 5 将提供多个 API,如音频和 视频标签可以让开发者不借助第三方工具直接播放 Web 视频和音频:
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201008/1_x4xgo__html5_dec08h.jpg" width="533" height="84" />
    Opera 在者方面有不少研究并有视频播放 demo 推出
  4. 标签将允许直接在上面用脚本绘图    人更容易从图片获得信息,如,下面的信息通过表格和圆饼图两种方式显示,效果明显不一样:
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201008/1_nonen__html5_dec08i.jpg" width="511" height="233" />
    然而以往要实现这种效果,只能使用静态图片,无法对图片进行调整。使用  标签,你可以实时修改参数对图形进行修改,比如,根据用户的投票,实时生成圆饼图。
  5. 用户可以编辑网页的部分内容并实现同网页的交互    HTML 5 将支持用户的交互,contenteditable
    属性允许你设定网页的哪一部分可以编辑,在基于 Wiki 的 站点,这非常实用。
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

用户反馈
客户端