“Web Standards” 相关主题的文章存档：

(转) IE7 被什么捆住了脚?

2007年10月11日 | 作者: 牧天 | 分类: Web Standards | 评论: 4

引:为什么还不去下载Internet Explorer 7.0(以下简称IE 7)?我们终于可以摆脱令人讨厌的WGA(Windows Genuine Advantage,Windows正版验证)了,不知道这是否会让IE 7走进世界的速度加快.

前不久,微软推出了IE 7浏览器的最新升级版,新版本的最大改进是安装过程中不再需要进行Windows正版验证(WGA).

根据微软的说法,该做法的目的是让所有Windows用户都可以体验到IE 7更好的安全性能,从而改善整个Windows系统的安全环境,使用盗版Windows的用户同样可以使用新的IE 7,相较于IE 6,IE 7可以更好地抵御病毒、蠕虫和其他互联网攻击.

当然很多人也在猜测,微软放宽对使用IE 7的限制是否是为了在与Firefox的竞争中获得更大的市场份额,我无法判断微软的真实目的,但我一直对一个问题有疑问:与2001年随Windows XP一起发布的IE 6相比,IE 7被世界接受的速度是快了还是慢了? 感兴趣？继续阅读 »

Mozilla 的CSS建议书写顺序

2007年6月5日 | 作者: 牧天 | 分类: CSS, Web Standards | 评论: 4
  1. /* mozilla.org Base Styles
  2.  * maintained by fantasai
  3.  * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup )
  4.  */
  5.  
  6. /* Suggested order:
  7. // 显示属性 (by: Matt)
  8.  * display
  9.  * list-style
  10. // 定位属性 (by: Matt)
  11.  * position
  12.  * float
  13.  * clear
  14. // 盒模型属性 (by: Matt)
  15.  * width
  16.  * height
  17.  * margin
  18.  * padding
  19.  * border
  20. // 颜色属性 (by: Matt)
  21.  * background
  22.  * color
  23. // 文本属性 (by: Matt)
  24.  * font
  25.  * text-decoration
  26.  * text-align
  27.  * vertical-align
  28.  * white-space
  29.  * other text
  30.  * content
  31.  *
  32.  */
  33.  
  34. /* TOC:
  35.    Body
  36.    Random HTML Styles
  37.      Forms
  38.    General Structure
  39.    Navigation
  40.    Quotations
  41.    Comments and Other Asides
  42.    Emphasis
  43.    Computers - General
  44.    Code
  45.    Examples and Figures
  46.    Q and A (FAQ)
  47.    Tables
  48.    Headers
  49.    Meta
  50.    Specific to Products Pages
  51. */

来源：
http://www.mozilla.org/css/base/content.css
http://www.mozilla.org/css/cavendish/content.css

搜狐首页HTML标签树

2007年5月24日 | 作者: 牧天 | 分类: XHTML/HTML | 评论: 3

搜狐首页HTML结构树

上图是www.sohu.com的首页标签树，看上去好艺术，为了生成这张图片等了好久，居然让我的Firefox吃满了CPU。
http://www.aharef.info/static/htmlgraph/
可以将你的网页的HTML标签树生成一个结构图。

The colors mean:
blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

从flickr上还可以找到更多的结构图输出截图：
http://www.flickr.com/photos/tags/websitesasgraphs/

6green 迎来新年新版新气象！

2007年1月1日 | 作者: 牧天 | 分类: Design, Web Standards | 评论: 8

今天是新一年的开始，6green也迎来了第四版的新气象！

6green 第四版首页

新版页面全面符合W3C网页标准，完美兼容IE6、IE7、Firefox1.5+、Opera9浏览器，考虑到了IE5、IE5.5等低版本浏览器的用户，目前尚未在Safari上得到测试，期待哪一天有机会尝试。

CSS解决IE5/IE5.5/IE6/FF的兼容性问题

2006年8月27日 | 作者: 牧天 | 分类: CSS | 评论: 1

在6G改版过程中，好多页面需要把在IE5/IE5.5下的兼容性问题考虑进去，最直接的方法还是“IE条件注释”，很方便的就能为IE的不同版本写样式。但这样就得为每个版本写一个样式，不利于XHTML代码的简洁。

后来从蓝色理想找到了一种通过CSS HACK实现的处理方法，简单而且实用，原文：
http://www.blueidea.com/tech/site/2006/3296.asp

大家都知道用!important声明可以提升指定样式规则的应用优先权，如下面的例子：

  1. E1{
  2. background-color: red !important;/*提升优先权*/
  3. background-color: blue;
  4. }

感兴趣？继续阅读 »

在IE5.0/IE5.5/IE6中使用条件注释

2006年8月26日 | 作者: 牧天 | 分类: XHTML/HTML | 评论: 1

浏览器条件注释的话题已经是老生常谈了，以前曾发过一篇IE和非IE浏览器的条件注释，但只提了demo，分析的不够详尽。今天又重新研究了一下这个话题，发现下面的一篇译文对 在IE5.0/IE5.5/IE6中使用条件注释 分析得十分透彻(目前IE7 Beta对条件注释支持还不是很好，尚等待正式版的发行)：

原作地址: http://www.quirksmode.org/css/condcom.html
作者: ppk
翻译地址: http://www.surfchen.org/?p=94
翻译: surfchen

条件注释只能用于Explorer 5+ Windows(以下简称IE)。
如果你安装了多个IE，条件注释（Conditional comments）将会以最高版本的IE为标准（一般为IE 6）。
我听说（但没测试过），当在条件注释中使用了小数点，且只安装了IE5.0的时候，将会产生一个不正确的判断。 感兴趣？继续阅读 »

W3C中文技术文档列表

2006年7月22日 | 作者: 牧天 | 分类: Web Standards | 尚无评论

有了国人翻译的文档，查阅W3C规范就容易多了~~

简体中文 Translations in Chinese, Simplified

复合能力/偏好设置文件：(CC/PP)结构和词汇 1.0
Translation of the document: “Composite Capability/Preference Profiles (CC/PP): Structure and Vocabularies 1.0”.
Translator: 陈珊 (Shan Chen).

文档对象模型 (DOM) 级别 2 样式规范
Translation of the document: “Document Object Model (DOM) Level 2 Style Specification”.
Translator: 杜怡冬 (Yidong Du). 感兴趣？继续阅读 »

共5页：1[2][3][4][5]下一页>