这篇东西写了很久,大概半个月了,开始想详尽的写完所有的IEbug,但是要回家了,暂时先把这些放出来吧。写的过程参考了很多文章,比以前明白了很多东西,也发现了很多不知道的问题,如果您看完了,发现任何错误疑点、任何意见观点可以评论或者发邮件给我。
命中注定总有一个浏览器作为复仇女神来到世界各地的开发者中,在web标准运动初期,这个角色是Netscape Navigator 4,垂死挣扎就是不肯死去,阻碍着现代标准的进程;今天这个角色被Internet Explorer 6这位邪恶的坏同学代替了。——Jeremy Keith
大家都在抱怨为什么我们不用更多的CSS3和其他一些灵活而有潜力的辅助技术,但是我们仍然需要考虑IE6和其他烦人的浏览器。
我们在实际开发过程中是怎么做的呢?在开发网站中我们怎样做到即利用最新的编码技术又可以保证Internet Explorer的用户的正常访问呢?
在这篇文章中,我们将见到既可以保证IE用户良好的用户体验又可以保证技术前进的措施。我们将集中在CSS部分,但是会提供一些处理其他问题(overall markup)的小技巧。
可以斟酌我们之前的文字:
折腾了个Tab.折腾一晚上- -,又改样式玩,最后又加了Ghibli V1.0…-.,-! 以下-源:
* Lightbox v2.04 作者 Lokesh Dhakar 译 5ivedance
概述:
Lightbox是一个个简单实用的脚本,用来将图片覆盖于当前页面之上。
在所有主流浏览器中安装并使用它是一件相当便捷的事情。
更新 V2.0
相片集:相关图片,快捷导航。
特效:奇妙的过渡性。
向后兼容:可以!
(如下所属均来自那个MS的技术支持的地方,你想去看看?)
强制 Internet Explorer 8 像 Internet Explorer 7 一样呈现网页:
以网站为基础
网站所有者和管理员可以包含以下自定义 HTTP 头强制 Internet Explorer 8 像 Internet Explorer 7 一样呈现网页:
X-UA-Compatible:IE=EmulateIE7要在基于 Windows Server 2008 的计算机上的 Internet Information Services 7 中的网站级别添加自定义 HTTP 响应头,请按照以下步骤操作:
1. |
单击“开始”,单击“管理工具”,然后单击 “Internet Information Services (IIS) 管理器”。 |
2. |
在“连接”下,双击需要的服务器,然后双击“站点”。 |
3. |
单击要添加自定义 HTTP 响应头的网站。 |
4. |
在“Web site name 主页”下,双击 IIS 部分中的“HTTP 响应头”。 注意:在此步骤中,Web site name 是网站的名称。 |
5. |
在“操作”下,单击“添加”。 |
6. |
在“名称”框中键入 X-UA-Compatible。
|
7. |
在“值”框中,键入 IE=EmulateIE7。
|
8. |
单击“确定”。 |
要在 Internet Information Services 6 和早期版本的网站级别添加自定义 HTTP 响应头,请按照以下步骤操作:
1. |
依次单击“开始”、“运行”键入 inetmgr.exe然后单击“确定”。
|
2. |
展开所需服务器,然后展开“网站”。 |
3. |
右键单击所需的网站,然后单击“属性”。 |
4. |
在“自定义 HTTP”下,单击“添加”。 |
5. |
在“自定义头名称”框中,键入 X-UA-Compatible。
|
6. |
在“自定义头值”框中,键入 IE=EmulateIE7。
|
7. |
单击“确定”两次。 |
以网页为基础
网站所有这和管理员可以在网页的 <Head> 标记后包含以下特殊 HTML 标记:
以下示例显示了以每个页面为基础的情况下此 Internet Explorer 7 兼容性模式标记的用法:
<html> <head> <!– Use IE7 mode –> <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /> <title>My Web Page</title> </head> <body> <p>Content goes here.</p> </body> </html>
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
HTML并不在意是否使用了html, head和body元素以及DOCTYPE, 儿XHTML需要这些。
HTML允许省略某些结束标记,而XHTML要求每个元素(包括空元素)都有结束标记。为了尽可能保持与浏览器的兼容性,在空元素中加一个空格和一个斜杠,如:
<p>© 2008 5ivedance.com
在HTML中,某些元素(如P)不要求要结束标记。后续p标记隐式地结束前面的p标记。
<p>© 2008 5ivedance.com</p>
在XHTML中,所有元素必须有结束标记。
<img src=ivedance.jpg alt=”ID: milo xing” width=30 height=50>
在HTML中,空元素没有最后的斜杠,即使有也不会报错。
<img src=“ivedance.jpg” alt=”ID: milo xing” width=“30” height=“50” />
在XHTML中,即使是空元素,也必须有结束标记。为空元素编写的独立的结束标记(比如</img>)在技术上是正确的,但是在img标记中添加一个空格和/可以确保与不理解XHTML的浏览器的兼容性。同时,大家注意到上面两行代码的其他不同的地方了吧,在HTML中,只有在属性值包含空格或其他特殊符号(除了字母,数字,连字符,句点,下划线和冒号之外的其他字符)时,才需要加引号。所以上面的例子第一个行,只有alt的属性必须加引号(给其他加也没什么坏处)。在XHTML中,所有的属性必须都加上引号,如第二行。
另外,在HTML中,以大写或小写字母编写元素名、属性名或预定义值是无所谓的,但是在XHTML中,所有的元素名、属性名和预定义值都必须是小写字母。
在HTML中,某些属性,比如<hr width=75% noshade>中的noshade可以没值,但在XHTML中,必须显示声明属性值。对于没有值的属性,只需将属性名做属性值,如<hr width=”75%” noshade=”noshade” />
XHTML真的好无语,为什么搞这么多规则折磨人呢?也许严谨性,利于修改,后续工作轻松,CSS格式化方便,数据库转换什么的,你说你都不太在乎,不过XHTML是从HTML转换到XML的一个罗杰步骤,XHTML做为一个新标准,我们在期待其他新技术以及未来新技术可以支持它。



Recent Comments