最近的文章列表

IE9以下浏览器兼容HTML 5新标签

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
这就意味着:IE6、7、8都不支持了。同时IE9也是支持一点点HTML5,下边我会就IE怎么不支持HTML5发图证明一下(因为即使浏览器不支持HTML5,那么页面表现形式上也是没什么差别的(部分标签,样式有出入而已))。

...

2013/3/28 Comments:
怎么判断浏览器是否支持HTML5 Canvas

判断浏览器是否支持HTML5,其实有一个非常简单的方法,用不同的浏览器直接访问地址:http://html5test.com/ 

下边是Chrome 和 IE8的测试结果:

 (Chrome)

...
2013/3/25 Comments:
web标准—可用性、可维护性、可访问性

最近由于公司裁员,忙着在找工作,看到很多公司招聘《前端开发工程师》等类似职务,看了职务要求,比如:

职位要求

1、精通各种Web前端技术,包括XHTML/ XML/ CSS/ Javascript(JS或AS精通一种即可)等

2、习惯于手写符合W3C标准、兼容多种浏览器的前端页面代码

3、深刻理解Web标准,对可用性、可访问性等相关知识有实际的了解和实践经验 

...
2012/8/16 Comments:
HTML5语音搜索方法

谷歌的网站是时逛时新啊,今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单
只需要在input添加属性x-webkit-speech即可,例子如下:


<input type="text" x-webkit-speech />


这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示

...
2012/5/21 Comments:
data类型的Url格式--url(data:image/gif;base64,AAAA):把小数据

所谓"data"类型的Url格式,是在RFC2397中提出的,目的对于一些小的数据,可以在网页中直接嵌入,而不是从外部文件载入。例如对于img这个Tag,哪怕这个图片非常非常的小,小到只有一个点,也是要从另外一个外部的图片文件例如gif文件中读入的,如果浏览器实现了data类型的Url格式,这个文件就可以直接从页面文件内部读入了。data类型的Url格式早在1998年就提出了,时至今日,Firfox、Opera、Safari和Konqueror这些浏览器都已经支持,但是IE直到7.0版本都还没有支持,IE不支持的东西太多了,也不差这一个。:(小例子下面这个html代码可以在支持data类型Url的浏览器中运行,例如Firefox。运行后会看到一条蓝色渐变底色的标题。<

2011/11/4 Comments:
浏览器对HTML5的兼容性分析
从2006年WHATWG和W3C决定合作制定HTML5标准以来(预计2012年成为候选标准),浏览器厂商都不甘落后,一直在努力实现更多的HTML5技术,不过由于各个厂商的步伐不一,导致HTML5在浏览器中的实现程度参差不齐。在这里我们将综合两种HTML5兼容性测试工具包HTML5Test和Modernizr的测试结果来分析一下Web浏览器的支持程度。考虑到HTML5标准的制定原则:新特性基于HTML、CSS、DOM 以及 JavaScript;减少对外部插件的需求(比如Flash);独立于设备等,我们选取了HTML 5的几项主要特性来评价浏览器系统。视频播放标记video音频播放标记audio绘图标记canvas表单控件标记url、email等本地客户端存储浏览器(版本)选取由于目前市面上的
2011/3/31 Comments:
2010年50个顶级CSS3教程
几乎所有CSS3现代浏览器都支持。在这篇帖子中,我们提出50个顶级css3教程视觉效果布局和网页形式设计可以帮助你找到解决问题的你在对付或必须处理的问题提出了今后研究的方向。1. Pretty CSS3 buttonsWe want to create a set of styles that are both cross browser compliant and degrade gracefully for non CSS3 compliant browsers. A button that is scaleable meaning that we can make it a variety of sizes and colours with ease.2. Creating Dynam
2010/12/30 Comments:
在线编写HTML5 和CSS 代码,现场看到效果
Rendera在线编写 HTML5 和 CSS 代码,现场看到效果。  Rendera可以帮助你学习HTML5和样式表    输入你的HTML代码并看到它提供实时。然后风格与样式表。你可以用任何的HTML的5年或CSS3标签你的浏览器支持。    想要学习HAML和SASS吗?我们支持了!    你也可以学习内提供许多例子,或者创造你自己的例子,发送给一个朋友。
2010/12/14 Comments:
基于HTML5的应用实例/案例

Sketchpad一个强大的在线图像编辑器。难能可贵的是,这是基于 HTML5 的。

2010/12/14 Comments: