阅读更多

12顶
1踩

Web前端

转载新闻 关于 HTML5,开发者可以期待什么?

2010-03-09 13:38 by 资深编辑 wutao0603 评论(5) 有4500人浏览

 

Web 开发者对 HTML5 的期待越来越强烈,作为一个以文档为中心的置标协议,HTML 越来越不能满足现代 Web 应用的需要,何况,这个协议已经有超过 10 年没有更新了。HTML5 旨在解决 Web 中的交互,媒体,本地操作等问题,一些浏览器已经尝试支持 HTML5 的一些功能,而开发者们有望最终从那些 Web 插件中得到解脱

不过,需要指出的是,尽管一些重量级 Web 技术厂家,象 Apple,Google, Mozilla 基金会, Vimeo,YouTube 已经开始支持这个新标准,但W3C 表示,HTML5 前面的路还很长,它的一些细则目前还存在争议,主流的 Web 在转至 HTML5 之前还要经过很长的时间,而开发者们也不得不面临两难的境地,就是如何使用现在的技术设计出富 Web 应用,同时又为今后的 HTML5 做好准备。

富 Web 的现代 HTML

富 Web 应用和 HTML 之间并不般配,Web 之父 Tim Berners-Lee 这样看待 HTML,它是一种用来创建平台独立的超文本文档的置标语言,随着 XHTML 的诞生,W3C 也将网页视为文档。

这样那些视 Web 为应用平台的开发者十分恼火,2004年,Apple, Mozilla 基金会和 Opera 成立了一个超文本应用技术工作组(WHATWG),寻求创建一个 W3C 之外的标准组织,以打造一个更适合应用的 Web。

2007年,他们的 XHTML2 陷入永无止境的纷争之中,后来,W3C经投票决定吸纳 WHATWG 的工作成果,并作为 HTML5 的标准,这时,即使 Tim Berners-Lee 也对面向应用的 Web 伸出橄榄枝,他说,现在看来,我们面向 XML 所做的那些努力是无效的。

这并非说纯净的 XML 语法已死,虽然 HTML 的发展方向已改,但在 HTML5 发展的同时,XHTML5 也在同步进行中,区别在于,XHTML 将适用于那些已经向 XML 转换的人,而对于普通开发者,则不一定使用 XHTML。

HTML5: 标签的改变

HTML5 吸取了 XHTML 2 的一些建议,包括一些用来改善文档结构的功能,比如,新的 HTML 标签 header, footer, dialog, aside, fugure 等的使用,将使内容创作者更加语义地创建文档,之前的开发者在这些场合是一律使用 div 的。

HTML5 还包含了一些将内容和展示分离的努力,开发者们也许会惊讶,b 和 i 标签依然存在,但它们的意义已经和之前有所不同,这些标签的意义只是为了将一段文字标识出来,而不是为了为它们设置粗体或斜体式样。 u,font,center,strike 这些标签则被完全去掉了。

新标准适用了一些全新的表单输入对象,包括日期,URL,Email 地址,其它的对象则增加了对非拉丁字符的支持。HTML5 还引入了微数据,一种使用机器可以识别的标签标注内容的方法,使语义 Web 的处理更为简单。总的来说,这些与结构有关的改进使内容创建者可以创建更干净,更容易管理的网页,这样的网页对搜索引擎,对读屏软件等更为友好。

实现基于标准的富Web

然而,HTML5 最令人振奋的是那些让开发者们实现富应用的新 API,诸如图形,动画,多媒体,在HTML5 之前,这些功能的实现需要 Flash,RealMdeia,QuikTime 一类的插件,这些插件技术不仅容易带来安全隐患,而且它的受众是受限的。

HTML5 通过使用相应的置标语言解决了这些问题,内容创建者可以使用类似 MathML 以及 SVG 之类的语言实现数学公式和图形的创建,这些语言比 Flash, Silverlight 一类的格式更容易跨平台使用。

Web 开发者们更会为 HTML5 的 audio 和 ideo 标签欢呼,这些标签让 Web 页面轻松实现媒体的嵌入,它们的编码标准是中立的,意味着浏览器厂商可以自己使用何种编码输出媒体,而它的 video 标签更将使那些不支持 Flash 的移动浏览器获益匪浅。

Canvs 标签会让交互式 Web 图形更上层楼,开发者可以使用 JavaScript  操作 canvas 中的对象,实现实时的交互式图形操作,甚至实现交互式游戏。除了这些可以看到的变化,HTML5 还引入基于浏览器的程序缓存,将应用数据在本地缓存(就像之前的 Google Gears 插件),这不仅能加速 Web 程序的运行,还可以使一些程序在离线时仍可使用。事实上,Google 现在慢慢取消对 Gears 的支持,全面转向 HTML5。

浏览器插件:还不至于死

尽管 HTML5 推出了这么多新功能,但不要指望那些插件会一夜消失,纯粹的 HTML5 要实现目前这个插件世界的全部功能还要很长的时间,更不要说那些需要继续支持的旧系统。比如,虽然 Vimeo 和 YouTube 已经开始使用 video 标签输出视频,然而事情并不是那么简单,W3C 还没有确定使用何种编码方案,这意味着,那些视频并不能保证在任何设备上都能看。比如 Apple, Google 以及微软都主推 H.264 编码,而开源的 Firefox 则不愿意,因为存在许可问题。

另外,并不是所有旧系统都会以 HTML5 重写,比如,尽管 Google 自己都不再看好 Google Gears 而主推 HTML5,但 Gooel 承认,HTML5 并不能实现 Google Gears 的全部功能,将基于 Google Gears 的应用转换为纯 HTML5 是不可能简单实现的。

最后,五花八门的浏览器也会阻碍 Web 开发者们向 HTML5 转移,IE6,旧版本的 Firefox,Opera,Safari 都不支持 HTML5,因此,除非,绝大多数人的浏览器都升级到最新状态,否则,面向 HTML5 的开发仍将面临各种困境。

早期采用者

尽管微软已经表示,IE9 会支持 HTML5,但他们对此事也抱谨慎态度,微软认为, 在 HTML5 标准都未确立的今天,说自己的浏览器支持多数 HTML5 功能是不妥的。事实上,任何组织都不可能比 W3C 更清楚 HTML5 的进度,而 W3C 认为,HTML5 标准仍未成熟,功能确立要到2011年前才能完成,即使到了那时,将这些东西确立为标准也需要到2022年,也就是说,XHTML1.1 到 HTML5 大约要15年。

不管怎么说,HTML5 将是未来 5 到 10 年最前沿的技术,那些早期采用这可以在网络中找到大量的体验站点,目前,体验 HTML5 的最好浏览器是那些基于 Webkit 引擎的浏览器,如 Chrome 和 Safari,Firefox 不太流畅。Web 开发者们可以使用目前的 HTML5 草案创建试验站点,当然在当前浏览器分布体系下,还会有些问题,线上最好的 HTML5 开发资源是 Mark Pilgrim's excellent Dive into HTML5

 

 

HTML5 体验站点

Mozilla Bespin An in-browser programmer's editor written using HTML technologies
YouTube YouTube's HTML5 player offers experimental HTML5 support
Vimeo Vimeo movies offer a link at the bottom for switching to an HTML5 player (Chrome, Safari, IE+Chrome Frame)
Merge Design An HTML5 geolocation demo
Sticky Notes A demonstration of HTML5 client-side storage
Wolfenstein 3D Demo using the canvas tag (with how-to) -- works in Firefox 3.6
ClouserW Soundboard An HTML5 sound board showing off multimedia capabilities
Google Wave Google Wave relies on HTML5 for some of its features
FreeCiv

A game implemented in HTML5

 

 

本文来源:http://www.infoworld.com/d/developer-world/what-expect-html5-611?page=0,0

 

中文编译来源:锐商企业CMS 网站内容管理系统 官方网站

 

来自: comsharp
12
1
评论 共 5 条 请登录后发表评论
5 楼 blue_halo 2011-07-28 17:12
好像html5不支持往本地写文件,读是可以的,那如果碰到需要写的情况,还是用不了。
4 楼 yuxiatongzhi 2011-05-30 20:13

2022年……
3 楼 wxg0714 2010-04-12 17:28
希望html5尽快确立
2 楼 aiyoo521 2010-03-10 08:48
fornever 写道
引用
而 W3C 认为,HTML5 标准仍未成熟,功能确立要到2011年前才能完成,即使到了那时,将这些东西确立为标准也需要到2022年,也就是说,XHTML1.1 到 HTML5 大约要15年。


2022年。。。

别怕,10年时间细菌很有可能进化成神
1 楼 fornever 2010-03-09 18:35
引用
而 W3C 认为,HTML5 标准仍未成熟,功能确立要到2011年前才能完成,即使到了那时,将这些东西确立为标准也需要到2022年,也就是说,XHTML1.1 到 HTML5 大约要15年。


2022年。。。

发表评论

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

相关推荐

  • WebGL入门(033):EXT_texture_filter_anisotropic 简介、使用方法、示例代码

    在WebGL中,`EXT_texture_filter_anisotropic`扩展提供了一种方式来应用各向异性过滤(anisotropic filtering, AF)到纹理上。各向异性过滤是一种高级的纹理过滤技术,可以显著改善倾斜纹理的视觉质量,特别是在纹理边缘处。

  • OpenGL(二十三) 各向异性纹理过滤

    如果使用一般的纹理过滤,当观察方向跟模型表面不是相互垂直的的情况下,会出现纹理信息的丢失,表现为图像看上去比较模糊,如下图所示,远处场景的细节信息很差: 针对这种情况,可以采用同向异性过滤的方式处理纹理,在过滤纹理的时候,考虑到观察角度不同,使纹理本身沿着模型表面倾斜的方向进行延伸。 使用如下语句查询当前系统支持的最大同向异性过滤的数值,数值越大,表示沿着最大变化方

  • 【Direct3D】纹理过滤

    与人不求备,检身若不及。 ——《尚书·伊训》。 与人:对于别人。备:完备,十全十美。检身:检在自己。不及:不够。这两句大意是:对于别人不求全责备.检查自己总觉得像是有某些不足。这两句是说对待别人.不应过于苛求.要看到人家的长处,优点;而对待自己要严格.要经常认识自己的不足,这样才指保持谦虚、谨慎.既能学到别人的长处,又能克服自身的缺点。然而在现实生活中,人们往往过分地苛求别人,过高地估计自己。因此,熟记这个名句,常常对照检查自己,是会受益非浅的。可供论述严以律己、宽以待人时引用。 纹理过滤 什么是纹.

  • 【OpenGL】活动的Mip贴图 Tunnel实例

    GL_NEAREST ,可右键出现菜单选中不同的过滤方式观察 案例有3个纹理对象,分别渲染天花板、地面和墙体,在SetupRC函数有进行分配纹理对象3个,并进行循环3次执行不同纹理对象的捆绑到2D纹理状态且加载纹理设置过滤器和环绕模式,生成Mip贴图。注意:每一次循环进行的加载纹理和设置纹理参数都是应用于它对应的纹理对象,而纹理对象会捆绑到2D纹理状态。即一种纹理状态(2D纹理状态)对应了三个纹理对象,循环结束后是最后一个纹理对象捆绑2D纹理状态,即TEXTURE_CEILING标识的纹理对象。在之后进.

  • OpenGL之纹理过滤(Texture Filtering)、MipMap方法、纹理坐标

    图形编程技术

  • opengl 纹理实现

    opengl着色器实现

  • OpenGL 超级宝典笔记 —— 纹理高级(一)

    OpenGL 超级宝典笔记 —— 纹理高级(一)纹理篇:glTexGeni纹理坐标生成方式控制,以及压缩格式,灯光与纹理的作用

  • 各项异性过滤

    glTexParameterf(texture2d, GL_TEXTURE_MAX_ANISOTROPY_EXT, (float)maxAnisotropy); maxAnisotropy的最小值是1. "When the texture's value of TEXTURE_MAX_ANISOTROPY_EXT is equal to 1.0, the GL uses an

  • 深入分析“各 向 异 性 过 滤”技术(上)

    为什么有这么多过滤技术呢? 因为纹理图和3D物体的大小不一致,而且3D物体的大小和角度会随着位置而变,这就导致进行纹理映射时,总会出现失真现象,一般3D书籍,我们会看到最近点采用和线性采样。最近点采用时最简单的速度最快的,但是在很多情况下会产生失真现象。  所以会有线性过滤,及其余的技术。 因为要从速度和质量方面考虑,所以有多个技术。 现在我们对于3D渲染的要求是没有止境的,其实已经有

  • 采用各向异性过滤的前后对比及心得 (附图)

          前些天导入了一个MESH模型,刚开始就觉得哪不太对,效果太差了,于是 把关于书上关于渲染及纹理的几章好好看了一下,把所有的采样方式都做一遍,看看几种的效果对比,      刚开始用的是MIPMAP过滤,可是发现效果不但不好,反而更差,后来问了群里的一个网友,说可能是模型的问题,这个倒真得好好再研究一下,     最后把各向异性过滤给加上后,竟发现效果比原始图及采用MIPMAP过

  • OPENGL 纹理贴图 过滤 mipmaps (shader)

    文章来源于:http://www.opengl-tutorial.org/cn/beginners-tutorials/tutorial-5-a-textured-cube/ 本课学习如下几点: 什么是UV坐标怎样自行加载纹理怎样在OpenGL中使用纹理什么是过滤?什么是mipmap?怎样使用?怎样利用GLFW更加鲁棒地加载纹理?什么是alpha通道? 关于UV坐标 给

  • OpenGL超级宝典笔记——纹理高级(一)

    辅助颜色 一般情况下,我们设置纹理的环境为GL_MODULATE模式,在这种情况下,受到光照的几何图形会和纹理的颜色进行结合。正常情况下,OpenGL进行光照计算,并根据标准的光照模型进行单个片段的颜色计算。然后,再把片段的颜色乘以纹理的颜色,等到结合后的颜色。但是这样的话会削弱图形的光照效果。因为经过光照计算过后的片段的颜色值最大值是1.0(即最亮的颜色),任何值乘以小于1.0的值,必定小

  • OpenGL蓝宝书源码学习(十)第五章——纹理的应用、Mip贴图、各项异性过滤和纹理压缩基础

    纹理的应用,Mip贴图的介绍,各向异性过滤和纹理压缩的基础学习。

  • texture中的 anisotropy属性,纹理的各向异性

    定义:anisotropy: 沿通过具有最高纹理像素密度的像素的坐标轴取样的数量。默认情况下,此值为1.较高的值会产生比基本mipmap更少的模糊结果,但需要使用更多纹理样本。使用renderer.getMaxAnisotropy()来查找GPU的最大有效各向异性值; 这个值通常是2的幂。这样能实现什么效果呢:如果大家想让物体缩小的时候,任然比较清晰,可以将 anisotropy: 设大;我们看一...

  • 纹理过滤器 Texture Sampler

     (关于转贴文章的声明,如果转贴的文章损害了作者的利益,请与本人联系,本人将会删除相关文章.)在OpenGL中使用各异向性纹理过滤 1. 基本的纹理过滤纹理是数据的简单矩阵排列——例如,颜色数据、亮度数据或者颜色和alpha(透明度)数据。纹理数组中的每一个独立的数值通常称为一个纹理单元。纹理映射是一种将纹理图像应用于物体表面的技术(就是把图像贴到构成物体表面的多边形上去),就像该图像是一种贴

  • 读书笔记——各向异性纹理过滤

    启用 if (gltIsExtSupported("GL_EXT_texture_filter_anisotropic")) { GLfloat fLargest; glGetFloatv(GL_MAX_TEXTURE_MAX_ANISOTROPY_EXT,&fLargest); glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE

  • OpenGL 超级宝典笔记 —— 纹理映射 Mipmap

    OpenGL 超级宝典笔记 —— 纹理映射 Mipmap生成,纹理LOD多层次细节,常驻纹理,纹理优先级等

  • 【OpenGL】蓝宝书第五章——基础纹理

    载入纹理图形 glTexImage/glTexSubImage 设置纹理贴图参数 glTexParameter 管理多重纹理 glGenTextures/glDeleteTextures/glBindTexture 生成Mip贴图 glGenerateMipmap 使用各向异性过滤 glGetFloatv/glTexParameter 载入压缩纹理 glCompressedTexImage/glCompressedTexSubImage 纹理贴图 texture mapping 纹理只是一种能够应用到.

  • Android OpenGL ES纹理总结、纹理坐标系说明、使用代码示例

    #.纹理介绍: 可以简单想象成一张皮,可以贴在OpenGL空间中自己指定的区域之上,从而实现需要的视觉效果。 ##.使用纹理的好处: 如果想让图形看起来更真实,就必须有足够多的顶点,还要设置相应的颜色属性,会产生很多性能开销。 而如果是使用在指定的位置贴上一层纹理的方式,不需要非常多顶点,只需要纹理绘制满足需要,OpenGl中顶点位置与纹理对应位置关联正确。就可以达到需要的细节显示效果。 ##."需要蒙皮"位置与纹理的对应关系 纹理有自己内部的坐标系,纹...

  • OpenGL:纹理贴图

    顶点的纹理坐标、纹理图像对象

Global site tag (gtag.js) - Google Analytics