资讯频道 → 互联网
阅读更多

84顶
8踩

互联网

转载新闻 HTML 5 令人期待的 5个新功能

2008-12-22 10:24 by 副主编 zly06 评论(45) 有17087人浏览
HTML

COMSHARP CMS说道：

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工作小组于2007年成立并着手开发 HTML 5。目前，开发工作仍在进行中，并将于2012年向 W3C 提交初步意见，不过现在已经有不少浏览器部分支持 HTML 5。本文介绍 HTML 5 的5大令人激动的新功能。

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

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



HTML 5 将如下表现：



这样，浏览器就知道一个网页的各个部分各代表什么，比如  部分是导航，而  部分是主要内容 。除了更漂亮的 代码与语义标签，这种改变还带来更多好处，比如，搜索引擎可以更准确地知道一个网页的哪部分内容更重要。关于 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>标签，你可以实时修改参数对图形进行修改，比如，根据用户的投票，实时生成圆饼图。

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

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

拓展阅读

 

 

来自: comsharp
84
顶
8
踩
评论 共 45 条 请登录后发表评论
45 楼 641216927 2009-06-18 08:22
支持HMTL5，现在语言太多了，多的连听都没有听过！！
44 楼 Arden 2009-03-11 10:09
浏览器支持吗？
43 楼 696960m 2009-03-10 11:32
我可以很肯定的说 windows7 将会亲手宰了ie6 哈哈哈哈....
42 楼 zhudp.cn 2008-12-24 12:43
嗯，期待，
错字挺多
41 楼 flynetcn 2008-12-24 09:54
期待3、4、5
40 楼 flyheh 2008-12-24 00:35
不错，最吸引我的是那个动态画图，现在却只能用ajax,;-(
39 楼 mysoko 2008-12-23 20:34
   那属性看得就爽！
38 楼 hantsy 2008-12-23 17:26
Jackphone 写道

所谓web标准还得靠M$来解决，事实上M$自己也很难解决，windows用户早就可以免费把浏览器升级到ie7，可是统计一下浏览器的市场份额，最高的仍然是ie6（大约70%），弄到最后M$想支持标准都不行！据说ie8支持标准，却还出了个ie7模式，可笑。而且现在绝大多数的网站html都写得不标准，用标准的浏览器反而不美观，怎么办？

只有中国的那些只会用dreamwaver 的sb才会弄出的这样的网页。。。
37 楼 netfish 2008-12-23 16:38
实现的方法有很多，感觉越来越统一人们的编程习惯了。
36 楼 lizhuang 2008-12-23 15:48
无所谓，DOM研究明白了，就可以随心所欲了。
35 楼 nomandia 2008-12-23 13:48
看看吧谁知到下一个流行趋势呢？
34 楼 egmkang 2008-12-23 12:24
IE 6用户过多....
33 楼 black.angel 2008-12-23 12:09
呵呵，标准，有个鸟用。建议W3C组织把全世界的浏览器都换成火狐，要不然，就别谈什么标准。IE6的市场如此巨大，谈标准有个啥用？
32 楼 Magicloud 2008-12-23 10:36
所谓吸引力是对开发者而言，对客户？无所谓。
随着flex等“图形化”的富客户端盛行，谁会再费劲学一种新标准，用一种新软件，做出别人早就能作出的效果？而如果只想实现旧效果，那新标准毫无吸引力。
31 楼 Unmi 2008-12-23 10:32
还不知道要意淫多久，标准出来容易，比如我一直都在使用 IE6。你能用 HTML 5 一个人独舞吗？还得你的用户来配合。
30 楼 zhbh27 2008-12-23 09:21
第一条会不会带来局限性？
29 楼 guooo 2008-12-23 09:18
比html4更加灵活实用了
28 楼 gritlimu 2008-12-23 08:17
姗姗来迟  
27 楼 Jackphone 2008-12-23 00:40
所谓web标准还得靠M$来解决，事实上M$自己也很难解决，windows用户早就可以免费把浏览器升级到ie7，可是统计一下浏览器的市场份额，最高的仍然是ie6（大约70%），弄到最后M$想支持标准都不行！据说ie8支持标准，却还出了个ie7模式，可笑。

而且现在绝大多数的网站html都写得不标准，用标准的浏览器反而不美观，怎么办？
26 楼 yunsong 2008-12-22 20:48
感觉等太晚了，要等那么久的时间

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 基于HTML5-Canvas的画图板设计与实现.doc

    HTML5带来很多令人激动的新特性，这在之前的HTML中是不可见到的。其中一个最值得提及的特性就是用于绘画的 HTML Canvas，可以对2D或位图进行动态、脚本的渲染。本文详细分析了HTML5技术的简介和发展前景，并深入...

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

    H5页面开发怎么做-H5页面开发令人期待的 5 项功能 HTML 5 是超文本置标语言下一个重要版本，HTML 自1999年发布 HTML 4.01 以来，其开发一直处于停顿状态，而1999年至今正好是 Web 飞速发展的时间，现在的 HTML ...

  • HTML 5 令人期待的 5 项功能

    HTML 5 是超文本置标语言下一个重要版本，HTML 自1999年发布 HTML 4.01以来，其开发一直处于停顿状态，而1999年至今正好是 Web 飞速发展的时间，现在的 HTML 版本已经无法适应现在的 Web内容与应用。HTML 5 旨在提高...

  • 转为html5播放器插件,15个HTML5播放器插件

    它是新的，令人兴奋的，易于理解，比之前的任何东西都是。直到最近，我们不得不在兼容性和定义上处在一个灰色地带，并作为一个结果，许多HTML5的早期规范已部分或完成。 首先要了解的是HTML5的结束和CSS3开始。HTML5...

  • 支持html5特性的浏览器,五大主流浏览器对CSS3和HTML5特性支持情况的详细清单

    就在几天前，W3C HTML5社区负责人Shelley宣布HTML5的开发已接近完成。如果进展顺利，HTML5将在2012年正式成为国际标准。当然，即使标准已经正式建立，现代浏览器仍需要很长时间才能覆盖大多数用户。如果要立即使用...

  • HTML5新特性浅谈(转)

    2014年10月29日，W3C宣布，经过接近8年的艰苦努力，HTML5标准规范终于制定完成。 HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，...这些年为了兼容IE6放弃了很多HTML5的新...

  • Web 开发中应用 HTML5 技术的10个实例教程

    HTML5 作为下一代网站开发技术，无论你是一个Web开发人员或者想探索新的平台的游戏开发者，都值得去研究。借助尖端功能，技术和 API，HTML5允许你创建响应性、创新性、互动性以及令人惊...

  • Python 3.11即将发布，这5个实用新功能，你还不知道嘛

    Python 3.11快发布了，每个新版本都带有新功能。在本文中，我们将介绍令人期待的Python 3.11的5个很酷的新功能。

  • HTML5是什么

    HTML可以理解为一门程序语言，HTML5字面的意思，这门程序语言的第五次修订，也是HTML的第五个版本。 广义上，可以理解成HTML5、CSS、Javascript的组合，是Web前端开发的必备技能，简称H5技术。相比较之前版本，最大...

  • HTML5教程（学完html的，这个可以快速过一遍）

    目录 HTML5 教程 HTML5 浏览器支持 HTML5 新元素 HTML5 语义元素 HTML5 代码规范 HTML5 MathML HTML5 Web SQL数据库 HTML5 迁移 ... HTML5 新的input类型 HTML5 表单元素 HTML5 表单属性 HT.

  • HTML5是什么？新特性和新功能介绍

    新特性和新功能介绍 分类： 浏览器 html52011-12-14 11:19 24人阅读 评论(0) 收藏 举报 Web2.0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣。作为下一代互联网标准，HTML5...

  • html5语言论文,关于HTML5论文

    和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML5平台上,视频、音频、图象、动画,以及同电脑的交互都被标准化。随着互联网的发展,HTML标准也在不断变化,...

  • html中可以做出哪些效果,9个值得学习的 HTML5 效果【附源码】

    HTML5 是现 Web 开发领域的热点，拥有很多让人期待已久的新特性，特别是在移动端，Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的Web 应用。超炫 HTML5 粒子效果进度条我喜欢粒子效果作品，...

  • HTML5新特性详解

    转载请注明出处： ... ... 2014年10月29日，W3C宣布，经过接近8年...Html5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝

  • 【Rust 日报】2022-06-19 Rust 1.63 新特性令人期待

    Rust 1.63新特性Rust 标准库 1.63 增加了一个期待已久的功能：scoped thread（作用域线程）。与thread::spawn()不同，这个新特性允许线程借用局部变量，而不仅仅是静态变量。借用官方例子：use std::thread;let mut ...

  • html5 canvas实训报告,html5学习心得（三）之canvas用法

    今天即将启程回家过年，但心情甚好，写下本周学习心得之HTML5 canvas ,大家也许都知道HTML5规范引进了很多新特性，其中最令人期待的之一就是canvas元素。HTML5 canvas提供了通过JavaScript绘制图形的方法，此方法...

  • HTML5新特性浅谈

    2014年10月29日，W3C宣布，经过接近8年的艰苦努力，HTML5标准规范终于制定完成。HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候...这些年为了兼容IE6放弃了很多HTML5的新特性。

  • Vue 3中令人激动的新功能：Fragment+Suspense+多v-model

    上一篇：Vue 3中令人激动的新功能：Composition API本文接着上文继续翻译未完的内容。全局安装/配置API更改我们可以发现我们在实例化和配置应用程序的方式上又有了一个重大的...

  • 精选9个值得学习的 HTML5 效果【附源码】

    HTML5 是现 Web 开发领域的热点， 拥有很多让人期待已久的新特性，特别是在移动端，Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的Web 应用。超炫 HTML5 粒子效果进度条　我喜欢粒子...

  • polylearn-0.1.dev0-cp35-cp35m-win32.whl.rar

    python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件，注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装，如果whl路径不在cmd窗口当前目录下，需要带上路径 WHL文件是以Wheel格式保存的Python安装包， Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包，WHL文件中包含了Python安装的py文件和元数据，以及经过编译的pyd文件， 这样就使得它可以在不具备编译环境的条件下，安装适合自己python版本的库文件。 如果要查看WHL文件的内容，可以把.whl后缀名改成.zip，使用解压软件（如WinRAR、WinZIP）解压打开即可查看。 为什么会用到whl文件来安装python库文件呢？ 在python的使用过程中，我们免不了要经常通过pip来安装自己所需要的包， 大部分的包基本都能正常安装，但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中（whl包下载）下载whl包来安装解决问题。

Global site tag (gtag.js) - Google Analytics