先来看一下朋友网是怎么指定IE的文档模式的:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9">
...
判断浏览器是否支持HTML5,其实有一个非常简单的方法,用不同的浏览器直接访问地址:http://html5test.com/
下边是Chrome 和 IE8的测试结果:
(Chrome)
...先来看一段代码:
<a href="http://www.kuabaobao.com/" target="_blank">
<span>挎包包</span> <!--IE or FF 下鼠标放上去是手形状-->
<label>kuabaobao</label> <!--FF 下鼠标放上去是手形状; IE 下鼠标放上去是箭头形状-->
...最近由于公司裁员,忙着在找工作,看到很多公司招聘《前端开发工程师》等类似职务,看了职务要求,比如:
职位要求
1、精通各种Web前端技术,包括XHTML/ XML/ CSS/ Javascript(JS或AS精通一种即可)等
2、习惯于手写符合W3C标准、兼容多种浏览器的前端页面代码
3、深刻理解Web标准,对可用性、可访问性等相关知识有实际的了解和实践经验
...谷歌的网站是时逛时新啊,今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单
只需要在input添加属性x-webkit-speech
即可,例子如下:
<input type="text" x-webkit-speech /
>
这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:<meta http-equiv="X-UA-Compatible"