Web Design – HTML5 & CSS3 Checklist

Web Design – HTML5 & CSS3 Checklist

Read more

若干IEbug及解决方案

这篇东西写了很久,大概半个月了,开始想详尽的写完所有的IEbug,但是要回家了,暂时先把这些放出来吧。写的过程参考了很多文章,比以前明白了很多东西,也发现了很多不知道的问题,如果您看完了,发现任何错误疑点、任何意见观点可以评论或者发邮件给我。

命中注定总有一个浏览器作为复仇女神来到世界各地的开发者中,在web标准运动初期,这个角色是Netscape Navigator 4,垂死挣扎就是不肯死去,阻碍着现代标准的进程;今天这个角色被Internet Explorer 6这位邪恶的坏同学代替了。——Jeremy Keith

Read more

在IE主流时代诗意地编码(一)

大家都在抱怨为什么我们不用更多的CSS3和其他一些灵活而有潜力的辅助技术,但是我们仍然需要考虑IE6和其他烦人的浏览器。

我们在实际开发过程中是怎么做的呢?在开发网站中我们怎样做到即利用最新的编码技术又可以保证Internet Explorer的用户的正常访问呢?

在这篇文章中,我们将见到既可以保证IE用户良好的用户体验又可以保证技术前进的措施。我们将集中在CSS部分,但是会提供一些处理其他问题(overall markup)的小技巧。

可以斟酌我们之前的文字:

Read more

Shining Ghibli

shining-ghibli

折腾了个Tab.折腾一晚上- -,又改样式玩,最后又加了Ghibli V1.0…-.,-!  以下-源:

shiningghibli.css
shiningghibli.js

ShiningGhibli -Tab(Demo)

lightbox2

* Lightbox v2.04 作者   Lokesh Dhakar 译 5ivedance

概述:

Lightbox是一个个简单实用的脚本,用来将图片覆盖于当前页面之上。
在所有主流浏览器中安装并使用它是一件相当便捷的事情。

更新 V2.0

相片集:相关图片,快捷导航。
特效:奇妙的过渡性。
向后兼容:可以!

Read more

某圆角方案试验

rcbg

test

test2

东西一模一样,可是第一个就不认识bg定位.呃.

X-UA-Compatible IE=EmulateIE7

(如下所属均来自那个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与XHTML的差异

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做为一个新标准,我们在期待其他新技术以及未来新技术可以支持它。