写代码的人

Posts tagged ‘html5’

主流浏览器厂商承认HTML5是Web的未来

本月,微软发布了 IE9 正式版,而 Mozilla 也宣布如无意外的话将于 22 日发布 Firefox 4 正式版,这两个浏览器的新版本发布占据了本周各大媒体网站的新闻和评论版面,双方都宣称自己在性能上有绝对优势,支持Web标准,互不示弱。但有一点相同的是,双方都承认 HTML5 肯定是 Web 的未来。 IE 的高级主管 Ryan Gavin 称:

“You can play buzzword bingo with HTML5 all day long. Simply put, HTML5 is part of the secret sauce that is going to unlock and move forward a new set of web experiences…We want the same markup that you write for IE to work across Firefox, across Chrome, across Safari.”

毫无疑问,Ryan Gavin 最后一点提到了关键问题,所有人将为一个共同的标准而受益。与此同时,Mozilla 也通过一个网站 (https://demos.mozilla.org/en-US/)展示了 Firefox 4 对 HTML5 的完美支持。同时该公司高层也承诺了对 HTML5 的支持。

英文原文:http://ostatic.com/

来自:http://www.oschina.net/news/16401/major-browser-makers-agree-html-5-is-the-future

传微软开发HTML5版Bing网站支持即时搜索功能

北京时间3月7日消息,据国外媒体报道,美国科技博客网站WinRumors报道称,微软正在为Bing增添即时搜索功能,但与Google去年9月份发布的即时搜索功能不同的是,Bing即时搜索功能不支持全部的浏览器。

消息称,Bing团队正在开发HTML5版Bing网站,配合IE9的发布。HTML5是一个新兴的网站显示交互元素的标准,被微软看作是IE9的一大卖点。HTML5也得到苹果、Google和Facebook等巨头的支持。

据悉,HTML5版Bing网站将包括即时搜索功能,用户可以方便地浏览搜索历史。

HTML5版Bing网站将于微软发布IE9前后进入公开预览阶段。微软在印度的一个团队曾发布Twitter消息称IE9发布时间是3月24日,但这一Twitter消息随即被删除。

原文链接:http://it.sohu.com/20110307/n279686348.shtml

 

Facebook 引路 HTML5

也许HTML5最引人关注的性能就是对Web网页视频的支持,使之不必依靠专有插件比如Flash来播放web视频。但这只是HTML5关键的未定元素之一,Facebook的开源与开源标准组的负责人David Recordon在新西兰的Webstock会议上表示。

H.264和WebM已经宣布作为HTML5标准的候选。Recordon表示争议仍在持续,关于自由以及自由意味着什么,关键是它是否免费,是否是行业标准,是否我们能在它的上面免费协作开发。

困扰视频解码标准争议的原因是浏览器巨头的选择。苹果的Safari支持H.264,Chrome、Firefox、Opera倾向于Webem。微软的IE待定,其表示现在支持H.264,如果Webem准备就绪,则也将支持。这意味着答案不清晰,也不容易。

Facebook和所有web站点的目的一样,给予用户最佳的浏览器用户体验。Facebook一直倾向于H.264,当然目前大部分还是支持Flash。

Facebook主要在两个方面,基于HTML5,提供Web体验。

Facebook开放标准的一个重要的领域就是游戏。

“我们在2周前开源了叫做JSgamebench的工具。这是个浏览器游戏性能测试的工具,运行高性能2D和3D游戏,不是flash或者silverligh,而是Canvas(Html5功能)。“

目前Facebook上最大的游戏应用公司Zynga,发布了建立在web技术上Mafia Wars Mobile,而非Flash。HTML5对于我们很重要,我们将继续致力于游戏平台,并使用HTML5技术来提升用户体验。

另外一个领域就是手机平台。

主要的问题就是能否写一次应用,可以运行在桌面浏览器和移动web浏览器上。而不是开发应用for iPhone, for Android, for BlackBerry, for 各种不同的手机。创建一个应用,可以在不同的环境上运行,无论大屏幕、触摸屏。即使是小的手机,也可以基于同样的代码库。

译自:computerworld.co.nz

更多关于html5lib的详细信息,或者下载地址请点这里

HTML5之表单详解

请在新版标准浏览器(Chrome/Opera/Firefox/Safari…)中浏览本文中的样例,否则你看到的只是一个个空白的表单! ⊙﹏⊙‖∣

HTML5
时光车轮滚滚碾来,前端之路永无止歇.对于这个前端这门精一多专的技术,任何一次技术革新,我们都必须第一时间去了解它学习它,比如Web世界里这簇美艳的花朵—HTML5.虽然HTML5发布之初,许多人(包括我)都觉得普及它还很遥远,但自发布以来,许多企业级网站对它的尝试应用(比如<!doctype html>应用,比如canvas的应用),使HTML5的迈出了一大步,随之而来IE9的发布,无疑又让我们看到了HTML5离我们不再遥远.
学习HTML5半年有余了,虽然对它的离线存储以及canvas等革新性技术还是一知半解,但我还是希望我现在所学到的能帮助更多的前端人学习这门毋庸置疑是新趋势的技术.本文我将详细介绍一下HTML5中对表单功能的更新.
阅读本文前建议在Opera最新版中打开样例演示页查看样例演示
一、表单结构更自由
XHTML中需要放在form之中的诸如inpu/button/select/textarea等标签元素,在HTML5中完全可以放在页面任何位置,然后通过新增的form属性指向元素所属表单的ID值,即可关联起来.
比如:

1 <form id="iform">
2 <input type="text">
3 ...
4 </form>
5 <input value="我在id为iform的表单外" form="foo">

二、多样的输入类型(大部分新类型目前并不为所有标准浏览器支持,请参见样例演示中的提示)
email输入类型

1 <input type="email" name="email">

此类型要求输入格式正确的email地址,否则浏览器是不允许提交的,并会有一个错误信息提示.此类型在Opera中必须指定name值,否则无效果.
url输入类型

1 <input type="url">

上面代码展示的文本域要求输入格式正确的URL地址,Opera中会自动在开始处添加http://.
日期时间相关输入类型(这些个很牛X的)

1 <input type="date">
2 <input type="time">
3 <input type="month">
4 <input type="week">

这一系列是很酷的一个类型,完全解决了烦琐的JS日历控件问题.但目前MS只有Opera/Chrome新版本支持,且展示效果也不一样.
number输入类型(这些个很牛X的)

1 <input type="number">

这个不用多解释了,要求输入一个数字字符,若未输入则会抛出一个错误.
range输入类型

1 <input type="range">

此类型将显示一个可拖动的滑块条,并可通过设定max/min/step值限定拖动范围.拖动时会反馈给value一个值.
search输入类型

1 <input type="search">

此类型表示输入的将是一个搜索关键字,通过results=s可显示一个搜索小图标.
tel输入类型

1 <input type="tel">

此类型要求输入一个电话号码,但实际上它并没有特殊的验证,与text类型没什么区别.
color输入类型

1 <input type="color">

此类型表单,可让用户通过颜色选择器选择一个颜色值,并反馈到value中.
三、新增的表单属性
placeholder属性

1 <input type="text" placeholder="点击我会以清除">

这是一个很实用的属性,免去了用JS去实现点击清除表单初始值.浏览器支持也还不错,MS除了Firefox,其他标准浏览器都能很好的支持.
require/pattern属性

1 <input type="text" name="require" required="">
2 <input type="text" name="require1" required="required">
3 <input type="text" name="require2" pattern="^[1-9]\d{5}$">

表单验证属性,require类型时,若输入值为空,则拒绝提交,并会有一个提示.上面两种写法都对,这个很有用.并且可以用于textarea以及hidden/image/submit类型.pattern类型为正则验证,可以完成各种复杂的验证.这两种类型在Opera中必须指定name值,否则无效果.
autofocus属性

1 <input type="text" autofocus="true">

默认聚焦属性,可在页面加载时聚焦到一个表单控件,类似于JS的focus().
list属性

1 <input type="text" list="ilist">
2 <datalist id="ilist">
3 <option label="a" value="a">
4 </option><option label="b" value="b">
5 </option><option label="c" value="c">
6 </option></datalist>

该属性需要与datalist属性共用,datalist是对选择框的记忆,而list属性可以为选择框自定义记忆的内容.
max/min/step属性

1 <input type="range" max="100" min="1" step="20">

限制值的输入范围,以及值的输入渐进程度,比如可在number设定输入最大值最小值,或者在range中设定拖动阶梯.
autocomplete属性

此属性是为表单提供自动完成功能.如果该属性为打开状态可很好地自动完成.一般来说,此属性必须启动浏览器的自动完成功能.

路漫漫其修远兮,吾将上下而求索.前端之路,学无止尽.痛并快乐着. ╰( ̄▽ ̄)╮

转载自 <a href=”http://mrthink.net/html5-newfeatures-form/&#8221; title=”HTML5之表单详解” rel=”bookmark”>HTML5之表单详解@Mr.Think</a>