nullTao | 净空无道 | Blog

看图说话：耿氏凉面

2008-09-05T16:30:10Z

今日晚饭：炸酱凉面，做法简单，口味独特，实乃耿氏厨艺精髓之体现。

五花肉糜、四川甜面酱、香菇丁、葱花熬得如此炸酱，可惜南京找不到六必居的干黄酱买，口味大打折扣……虽然还是那么好吃。想起来小时候帮厨的时候用水去化那个像便便一样的美味的干黄酱的情景了。

配上黄瓜丝，清脆可口，不过偷懒，没有自己手擀面，市场上买得机制手工面，聊胜于无。

右上角是室友赞助的干瘪小葱（买了块一个星期了）拌老豆腐，撒花～～～～～

顺便翻出来上个星期的芝麻酱凉面配剁椒木耳：

开拌前的：调好的芝麻酱一小碗，陈醋蒜泥一小碗，过水凉面一晚，黄瓜丝半根。

拌好的样子，不过芝麻酱的颜色很浅，看得不是很清楚。

剁椒木耳，木耳香脆，陈醋微酸，配上剁椒蒜泥，简单美味。

看图说话：Google 大爱

2008-09-05T16:19:13Z

近三天 Google 颇为奇怪，RSS Reader 速度爆慢不说，还经常动不动就自己转向 Chrome 的一个介绍幻灯片的网站，难道 Google 知道偶不会这么快就用他的 Chrome，就用这种方式强迫我？

问了其他的几个用 RSS Reader 的朋友，都木有这种问题，怪哉。

RSS Reader 自动跳转……仔细看地址栏、Tab 标签标题和状态栏……

跳转后的 Slides，真丑……

一个 # 不够，那么就多来几个吧

2008-09-03T07:15:11Z

网页中经常要做的一件事情就是让一个链接来执行一个 JavaScript 脚本，例如：< href="#" onClick="some_js_here();">Some text，不过这样的副作用是因为有 href="#"。所以导致点击完后页面会滚动到最上面。

以前用的几种解决方案：

不写 href，这样会导致很多浏览器不会把 a 标签按照你预期的方式渲染；
在href 里面直接写 JavaScript 脚本，这样不完全符合 W3C 的规范。

其实要解决这个问题，不让浏览器把页面滚动到最上面，很简单，href="" 里面多写几个 # 就行了，我一般用 6 个比较保险，这个方法适用于 IE5、IE6、IE7、FF2、FF3。虽然不知道为什么但是很好用。猜测是因为 # 表示进行页内书签的跳转，但是多个 # 浏览器就不知道什么意思了，干脆罢工好了，哈哈。

加入了原创博客联盟

2008-08-28T10:40:33Z

地图聚合的数据格式前三名：KML、GeoRSS 和 GeoJSON

2008-08-28T10:34:37Z

原文地址：3 Top Data Formats for Map Mashups: KML, GeoRSS and GeoJSON。

随着地图聚合给最终用户提供的一系列更广泛的工具和应用程序，它在完善程度和功能性两方面逐渐走向成熟。因此，我们需要一些预定义好的方法在传统的地理空间数据和新一代的地图聚合之间交换、发布这些地理空间数据，并且使用一种对 web 友好的方式使用这些数据。

为了满足这种需求，出现了一些新的地理空间数据格式，这能够让更大范围的用户和开发者来聚合地理相关的信息。下面是当前可供从事地理信息聚合的开发者使用的三种主要数据格式的一个概括：

KML

你知道 Google 地球的前身，那个流行的名为 Keyhole 的三维地球浏览器吗？如果你知道，那么这个基于 XML 的，Google 地球自己的文件格式被叫做 KML，意为 Keyhole 标记语言，就不值得惊讶了。在地理空间相关的网站上，KML 无处不在，KML 支持从类似 Google 地图、微软的虚拟地球这样商业化的地图 API 和 OpenLayers 这样开源的地图 API 中导入、导出数据。今年早些时候，Google 把 KML 作为一种开放标准发布，并且被开放地理空间联盟 (OGC) 采用。你可以研读最新的 KML 规范 (当前是 2.2 版) 或者学习如何让 KML 与 Google 地图 API、虚拟地球或者 OpenLayers 集成。

GeoRSS

GeoRSS 提供了一种在 RSS (或者 Atom) 种子里通过特定的编码来包含地理参考信息的方法。GeoRSS 站点上说：

RSS 和 Atom 作为一种发布、共享信息的方法，正在逐渐流行起来，因此，使用互操作的方式描述位置信息，来让程序能够请求、聚合、共享、地图化地理标记过的种子变得益发重要。

嵌入 GeoRSS 非常简单，仅仅在每个条目中增加一个类似 45.256 -71.92 这样的元素就行了，这里使用的是简易GeoRSS 格式，如果要需要复杂完整的编码格式，可以选择支持更多的特性的 GeoRSS-GML 格式。这两种 GeoRSS 格式都支持基本的地理特征 (点、线、边框和多边形)。和 KML 一样，商业化的地图 API 和开源地图 API 都支持 GeoRSS，并且主要作为导入数据的格式使用。 GeoRSS 许诺对整合内容的会有更好的支持。

GeoJSON

GeoJSON 是基于 JavaScript 对象表示法 (JSON)的一种新的数据格式，用来对大量的地理特征进行编码，支持的地理特征有点、线、多边形、多多边形和地理信息集合。

{ "type": "Point", "coordinates": [43.542, -118.454] }

GeoJSON 可以被 JavaScript 简单、快速的解析，而且 GeoJSON 还提供了一个可以很容易的进行交换的轻量级数据格式。自从 GeoJSON 正式发表 1.0 版后，GeoJSON 的魅力逐渐增加，得到了包括 FireEagle 和 OpenLayers 在内的一些流行的 API 的支持 (但是不确定将来是否能够得到类似 Google 地图或者虚拟地球这样的商业 API 的支持)。

注意 GeoRSS 和 GeoJSON 都采用创作共用授权协议授权。

我们饶有兴趣的看着这些格式如何发展，而且很想知道类似 GeoRSS 和 GeoJSON 这样的格式能否得到地图 API 和地图聚合开发者的采用。

解决 propel-convert-xml-schema 把 null 默认值处理为字符串的问题

2008-08-21T03:32:56Z

通过 propel-convert-xml-schema 把 xml schema 转化成 PHP 代码的时候，如果一个字符型字段不能为空且没有明确输入默认值，例如：

name="username" type="VARCHAR" size="128" required="true" default=""/>

生成的 PHP 代码中该字段的默认值是 'null' 而不是 null，导致页面输入框的默认值不是空值，而是一个字符串的 null，很恼火。因为要么在页面中每个字段都对 'null' 做特殊处理，要么修改生成的 PHP 类文件，但是一旦重新执行 propel-convert-xml-schema 就会重新覆盖。

解决办法：修改 propel-generator/classes/propel/phing/PropelCreoleTransformTask.php 文件（对于 Symfony 来说，就是 symfony/vendor/propel-generator/classes/propel/phing/PropelCreoleTransformTask.php）。应用如下 patch：

507,510c507
< //$node->setAttribute("default", iconv($this->dbEncoding, 'utf-8', $defValue));
< if(!empty($defValue)) {
< $node->setAttribute("default", iconv($this->dbEncoding, 'utf-8', $defValue));
< }
---
> $node->setAttribute("default", iconv($this->dbEncoding, 'utf-8', $defValue));

参见：#2045 (propel-convert-xml-schema generate null text as default values) - symfony - Trac。

下载：PropelCreoleTransformTask.7z。

在 Symfony 中结合使用 Structures/DataGrid、sfSmartView、Propel

2008-08-17T16:15:50Z

今天需要在 symfony 中使用 datagrid 型控件对一个分页+排序的表格进行展示。但是 sfDataGrid 写得实在是太糟糕了，没有找到其他的比较好的 plugin。

PEAR 中的 Structures/DataGrid 倒是不错。但是两个问题：无法和现在偶使用的 sfSmartyView 直接结合，因为在 $datagrid->fill($smarty); 的时候，symfony 还没有生成 view instance，除非直接获取生成的 HTML_TABLE 或者类似的结果，这样不利于 MVC 的分离和对具体样式的控制；二是现有的 datasource 无法和 symfony 使用的 propel 直接结合，如果采用检索全部结果再传递给 Structures/DataGrid 进行分页处理，那么效率非常低下。

于是自己写一个 datasource，并且使用了一点技巧解决和 sfSmartyView 结合的问题。

Structures_DataGrid_DataSource_Propel 类的定义：

class Structures_DataGrid_DataSource_Propel extends Structures_DataGrid_DataSource {
protected $criteria = null;
protected $con = null;
protected $object = null;
function __construct($object, $criteria, $con = null) {
parent::Structures_DataGrid_DataSource();
$this->object = new $object();
$this->criteria = $criteria;
$this->con = $con;
}
function count() {
//TODO: this is not a good way, due to MySQL Bug #21787
$this->criteria->setLimit(0);
$this->criteria->setOffset(0);
$result = $this->object->doCount($this->criteria);
return $result;
}
function sort($sortSpec, $sortDir = 'ASC') {
switch (strtolower($sortDir)) {
case 'asc' :
$this->criteria->addAscendingOrderByColumn($sortSpec);
break;
case 'desc' :
$this->criteria->addDescendingOrderByColumn($sortSpec);
break;
default :
return PEAR::raiseError("Sorting dir must be ASC or DESC!");
}
return true;
}
function fetch($offset = 0, $len = null) {
$c = $this->criteria;
$c->setOffset($offset);
if (! is_null($len)) {
$c->setLimit($len);
}
$objects = $this->object->doSelect($c);
$result = array ();
foreach ($objects as $object) {
$result[] = $object->toArray(BasePeer::TYPE_COLNAME);
}
return $result;
}
}

action 中的代码段：

public function execute() {
// get data source
$c = new Criteria();
$datasource = new Structures_DataGrid_DataSource_Propel('SysUiaAccountPeer', $c);
// setup datagrid
$datagrid = & new Structures_DataGrid(10);
$datagrid->bindDataSource($datasource);
$datagrid->setDefaultSort(array (
SysUiaAccountPeer::USERNAME=>"DESC"
));
$datagrid->addColumn(new Structures_DataGrid_Column('用户名', SysUiaAccountPeer::USERNAME, SysUiaAccountPeer::USERNAME, array (), ' ', ''));
// add more columns here
// use a tip to get output using smarty
$smarty = $datagrid->setRenderer('smarty');
// set pager params
$pager = $smarty->smartyGetPaging(array (
'prevImg'=>"上一页", 'nextImg'=>"下一页", 'separator'=>"|", 'delta'=>"5", 'clearIfVoid'=>true, 'spacesBeforeSeparator'=>"1", 'spacesAfterSeparator'=>"1", 'firstPageText'=>'第一页', 'lastPageText'=>'最后页'
), $smarty);
$this->dg = $datagrid->getOutput();
$this->pager = $pager;
return sfView::SUCCESS;
}

模板中的处理：

{section name=col loop=$dg.columnSet}
{$dg.columnSet[col].attributes}>
{if $dg.columnSet[col].link != ""} href="{$dg.columnSet[col].link}">{$dg.columnSet[col].label}
{if
$dg.columnSet[col].name == $smarty.request.orderBy} {if
$smarty.request.direction == "ASC"}↑{elseif
$smarty.request.direction == "DESC"}↓{/if} {/if} {else}
{$dg.columnSet[col].label} {/if}
{/section}

{section name=row loop=$dg.recordSet}
{if $smarty.section.row.iteration is even}bgcolor="#EEEEEE"{/if}>
{section name=col loop=$dg.recordSet[row]}
{$columnSet[col].attributes}>{$dg.recordSet[row][col]}
{/section}

{/section}

colspan="...">{$pager}

MySQL 对于 COUNT(*) 和 LIMIT 同时使用的 BUG

2008-08-17T15:53:05Z

对一个有 29 条记录的表进行如下操作：

SELECT COUNT( sys_uia_account.ID ) FROM sys_uia_account
结果 29
SELECT COUNT( sys_uia_account.ID ) FROM sys_uia_account LIMIT 10
结果 29
SELECT COUNT( sys_uia_account.ID ) FROM sys_uia_account LIMIT 10 , 10
没有结果

看来以后使用 COUNT(*) 的时候不能同时使用 LIMIT offset, row_count 这种表达方式了。

PS：如果统计全表记录，使用下面的方法会更加快捷：

SELECT SQL_CALC_FOUND_ROWS *
FROM sys_uia_account;
SELECT FOUND_ROWS( ) ;

唯一需要注意的就是，这两个查询必须在一起进行，因为 SQL_CALC_FOUND_ROWS 不对结果进行任何缓存。

MySQL 中用 GKB 来让 UTF-8 字段中的中文按照拼音排序

2008-08-16T07:39:24Z

UTF-8 中的中文不是按照拼音排序的，因此对于使用 UTF-8 编码集的字段就无法按照拼音进行排序，最简单的解决方法就是转成 GBK 编码。

实例代码：

SELECT *
FROM `test`
ORDER BY CONVERT( `test`.`name`
USING GBK )
LIMIT 0 , 30

数据库表结构：

CREATE TABLE IF NOT EXISTS `test` (
`id` int(3) NOT NULL AUTO_INCREMENT,
`name` varchar(10) COLLATE utf8_bin NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin AUTO_INCREMENT=1 ;

测试环境：Windows 2003 Standard Edition，MySQL 5.1.22-rc-community。

对于偶正在使用的 Symfony 框架，因为使用了 propel 做 ORM，比较难直接操作SQL，除非使用 RAW SQL，而且使用 RAW SQL会导致很多高级特性无法使用，解决方式：

$criteria->addAscendingOrderByColumn('CONVERT(' . TestPeer::NAME . ' USING GBK)');

胡言乱语之奥运会

2008-08-08T05:07:49Z

在偶看来，奥运会就是一群没有大脑的国人庆祝自己纳的税被浪费掉还欢呼鼓掌发自肺腑的庆祝的脑残盛会。
本来说不看开幕式的，不过想想还是看看吧。看看张艺谋这次是怎么糟蹋中国文化的。

让 Firefox3 支持 Flash

2008-06-18T03:49:37Z

Firefox3 在 beta 和 RC 阶段对 Flash 支持的不好是臭名昭著，用 Google 随便搜索 Firefox3+Flash 看看结果就知道了。

Beata 和 RC 不支持吧。还能说是 bug，今天正式版发布，居然还是不支持，这就说不过去啦。用 Firefox 内嵌的 addons 管理机制安装 Flash 从来就木有成功过。

最后用如下方法才安装成功：

下载 Adobe 官方的 FLash 卸载程序；
下载 Adobe 官方的 Flash 安装程序；
关闭 Firefox；
运行卸载程序，再运行安装程序；
如果有必须要，则重建 Firefox 插件数据库。

最后一步不是必需的，至少偶就木有用到。

现在终于能够看到满屏的 Flash 了……下一步，安装 flashblock 插件屏幕它们～hiahia～～

参考：FIrefox 3 and Flash pluggins 。

做好准备迎接新的平台大战。Google Gears 直指微软领地

2008-06-16T03:06:36Z

原文：Get Ready For A New Platform War. Google Gears Drives Straight At Microsoft’s Profits.。

Google 在去年五月发布了 Gears，之后的一年里 Gears 被认为是一个小众产品，只会有很少开发者和用户用它来开发能够离线访问的 web 程序。兴许你还能回想起当年的争论：在到处都有网络连接的情况下，究竟谁需要离线访问功能，而且还没有足够的程序支持，等等。不到一年的时间，就在几周前，Google 亮出了他的王牌：Gears 助力 MySpace 加速邮件系统。其实 Google 早就加入了这场提供新 web API 的比赛，但是居然一年了都没有人注意到。

将来的浏览器很可能会变成运行所有程序的虚拟机。在这种情况下，操作系统会变的透明，就像 Adobe 所作的，它的 Flash 技术是现在使用的最普遍、最统一的 web 虚拟机，而微软则要自保（它的利润的来源）了。Google 不隐瞒他们想瞄准并且攻击微软的野心，他们知道，要做到这点的最好方法就是上移一层把操作系统架空，让浏览器成为标准且强劲的应用程序虚拟机。

很难在一片评论里表达清楚 Gears 如何改变并且增加 web 程序的功能。以前使用基于浏览器的 Javascript 脚本，MySpace 中的一些类似邮件列表和排序、根据好友列表过滤这样的功能会让人感觉很慢，而当浏览器向服务器发送多个请求时，进度条还可能会定住，沙漏图标在不停的旋转。而现在，安装 Gears 只要在确认框点击一下并且等待几秒钟，安装之后，以前让用户抓狂的那些功能现在感觉起来就好象是浏览器自带功能一样。Google 给我们秀了一把 Gears 与 MySpace 集成后的能力，这唤醒了大部分人关注他真正的意图：不再仅是离线浏览，而是直接针对 Adobe 和微软所采取的行动。

截至目前为止，Google 拥有一系列共计 28 个基于 web 的程序, 这些程序在全世界有数百万的用户。Google 开发 web 程序的技术都是基于标准的 HTML、CSS 和 Javascript。选择 Ajax 仅仅是因为这是最好的解决方案，但是 Google 还要做更多以面对现实，那就是每个类似的 web 开发技术体系都是被一个直接的竞争者所开发、控制。Google 对开源浏览器 Firefox 的开发给予了强大的支持，并且支持开放 web 标准作为他们的技术体系之选。Google 这么做是因为他们的 web 程序都依赖于开放标准，Firefox 的失败会导致 Internet Explorer 复生并且把 web 的控制权拱手让给微软。

以前，只用基于浏览器的 Javascript 来支持 web 程序对 Google 来说不是个问题。直到竞争者领先一步发布了他们自己的第二代 web 平台，分别是 Flex/AIR 和 Silverlight，情况才发生了变化。基于 web 的程序在有了类桌面的界面和功能后能够做什么，从这一方面开说，微软和 Adobe 已经超前了一大步。用不了多久，大大小小的竞争者就会使用竞争性技术平台创建竞争性程序，那会使 Google 的产品看起来像是还停留在上个世纪九十年代的样子。

留给 Google 的选择现在很明了了：要么放弃使用基于浏览器的 Javascript 和开放标准进行开发，转而接受新技术中的一种，要么继续坚持使用核心 web 技术并且发展这些技术直到成为可行的替代技术。Google 的问题是，新标准和预期的浏览器功能很快就会带来富 web 技术，但是开发那些标准的进度却如此缓慢，以至于很可能需要几年时间才能看到那些标准被广泛的应用。新的 HTML 标准，HTML5，特别关注扩展本地浏览器对 web 程序的支持能力，在不用附加私有运行时的情况下。Google web API 的基础就是这些同样的功能以及其他的附加功能。

由于标准开发的极其缓慢，导致通向更快更好，而且仍旧免费开放的 web 程序之路被堵死了，所以 Google 决定通过 Gears 自己进入这个市场。想法其实很简单：把明天的 web 技术带到今天的浏览器里。这些特定的功能大部分都来自新的 HTML5 规范，但是标准制定小组已经在上面花费了好几年。不想再等这个小组完成规范，Google 自己通过件对浏览器进行扩展，实现了这些功能并且达到了那个小组能达到的最高水平。他们宁愿在短期内抛弃标准（原话是“以后再考虑实现”）也要把他们的 web 程序带到能够对抗 Flash 和 Silverlight 的下一代标准。

Gears 有一个 30 人左右的小组开发，这个小组是 Google 内部开源小组的一部分。这个小组由 Vic Gundotra 带领，再一次讽刺的转变过程中，他由微软的传教士成为 Google 的高级开发者。这个一小组开发者着手进行开发，并且保持 Google 对 Javascript 和开放浏览器虚拟机的兴趣。理论上，他们看起来很可能被大组织或者微软和 Adobe 正在投入各自平台的预算所超过。为了改变这个状况，他们把 Gears 从 Google 中分离出来（字面上也是——现在这个项目名称就只是“Gears”）并且在开源协议下发布源代码。

第一个发行版将只关注于 HTML5 里面提议的新功能中他们认为最重要的功能：基于客户端的结构化数据和对象存储。由于选择了首先实现客户端存储，所以下一年里 Gears 会被构架成一个离线应用程序解决方案，由于其他的竞争者好像都没有注意到这个这么巨大目标，所以如果他们不是有意而为之，那么肯定会发展的很好。Google 本来有可能开发他们自己的浏览器，某些博客里的推测和谣言也都指出了这一点，但是浏览器市场竞争激烈，却平淡乏味，而且通常会失败。另外，即使他们开发了自己的新浏览器，他们还要驱使用户接受这个新浏览器，在决定性的市场聚集起来之前只能等待，就是这样，市场上还会有 70% 或者 80% 甚至 90% 的人不使用 Google 的浏览器，却想使用 Google 的程序。

这种情况下，可选的捷径就是跳过浏览器直接在上面增加一层——Google 自己的 web 层。所有常用浏览器都提供了让开发者扩展功能的机制，这样一来，Google 要做的就是对每个浏览器开发对应的插件。这能让新的 web API 能够适应所有的桌面而不需要用户去适应，最重要的，这比起进入浏览器市场来说见效快而且痛苦少。现在可以让浏览器来做所有无聊的事情：渲染 HTML、显示界面、用户选项等等，与此同时 Google 却在改变现状，埋头向前冲。

现在 Gears 支持大量完整的新功能，有一些新功能是和微软、Adobe 他们的下一代 web API 相同的，而其他的则是 Google 自己创造出来的。现在函数调用已经对开发者开放了，包括后台处理（不会再有沙漏出现）、客户端图像处理、位置感知、更好的文件上传功能，还有浏览器内本地数据库。

要让新 API 和开发平台的应用被采用需要两方面的支持，一方面是用户的支持，因为这需要用户安装新的插件；另一方面是开发者的支持，使用 Gears 不会让开发变得更容易，这是因为这和开发其他的使用基于浏览器的 Javascript 的程序没有区别，Gears 只是给开发者提供了一系列更多的可以在浏览器内实现的功能而已。Javascript 和 web 开发者不需要学习任何新知识，用户也要做的也只是安装一个插件（与浏览器绑定的交易肯定会发生，所以这一步都可以忽略了）。Flash 花了 5 到 6 年才足够普及，能够让开发者有信心专注于使用 Flash 开发，不过有了 Google 的支持，Gears 可能只需要用一半甚至更小的时间就能做到。

在这场竞赛中，Google 没有任何损失反而赢得盆满钵丰，Google 一下子就启动了这个新 web API 的基于标准且开源的替代方案。与其他的竞争对手不一样，Google 没有兴趣控制这个平台或者直接用来盈利。相反他们却在试图维持现状：大部分程序使用浏览器里的 Javascript 开发，如果有更多需求那就使用 Flash 或者类似的技术。

上一次平台大战结束了很久了，但是每次你都能看到类似的技术经验：大公司失败，小公司成功。给这个平衡增加点开源的砝码，结果还是没有一个单独的公司能够占优势。有这么多大公司的加入，而且如此的利益攸关，我们肯定要亲眼见证一场漫长的持久战。只有时间能够告诉我们 Google 的做法能不能带领 web 向前发展。

本文是 Nik Cubrilovic 写的下一代 web 系列中的一篇，在这阅读其他同系列文章。

下一代 web：HTML5——我们能等到真正的标准吗？

2008-06-09T12:31:34Z

原文：The Next-Gen Web: HTML5 - Will We Ever See A Real Standard?。

本地存储相关的 API 作为最新的 HTML5 规范草案的一部分，我们在上个星期看到一些浏览器和插件已经开始采纳这些 API。虽然 Gears、Opera 还有 Webkit 都已经实现了结构化存储部分的 API，但是 HTML5 规范里其他的部分当前还都没有怎么实现，而且前途不明。HTML5 尽了最大的努力来让所有的浏览器都统一在一个单一且标准化的标记语言和一系列 API 下——但是微软、Adobe 和其他的领先者们都有了自己的下一代 web 技术，那么我们还能看到真正的 HTML5 标准吗？

历史的教训

在适用范围和成果方面，HTML5的成果与历史上早期的 HTML 3.0 规范有所相似。返回到 1995 年 4 月，开始起草 HTML 3.0 规范，其目的是向后兼容 HTML 2.0 并且添加新的特性（例如表格）。当时 W3C 刚刚成立，这个新工作组要完成的第一批规范之一就是 HTML 3.0 规范。在那个时候，浏览器大战即将爆发，当时 Navigator 才发布了五个月，却占有了 80% 的市场份额。微软却才注意到这点，然后仓促的开始开发 Internet Explorer 1.0，并在几个月后发布。

在 1995 年，不同的浏览器支持不同系列的标记——一直到现在还是这样。随着 Navigator 1.1 新版本的发布，网景突飞猛进，而且还实现了表格、浮动图片和其他的导航元素（例如点击过的链接）。IE 1 是一个完全改造过的浏览器，因为它采用了最大化渲染的方法，就是说，如果 IE 无法确定用户对 HTML 所期望的表现，就尽量猜测并且显示猜测结果。这导致了很多类似标签不匹配的问题（例如

Header

）出现，因为 IE 能够自动纠错，所以这些问题又导致开发者变得懒惰。

随着 Internet Explorer 的市场占有率持续上升，以及网景和微软各自浏览器的每一次发布和更新，两个浏览器的距离越来越大，市场也随之分成了两个坚固的阵营。以前以 RFC 形式出现的，现在叫做 HTML 的规范，本来的目的是重新统一浏览器，并且让浏览器已经支持的新功能规范化。但是在规范制定者中经常会弥漫着剑拔弩张的气氛，争论究竟哪个浏览器——Navigator 还是 Explorer——对新功能实现的更好。例如，Navigator 和 Explorer 对图片映射图的实现方式就很不一样，而且还互不兼容。微软要为制造那些混乱的 HTML 标签所负责，例如使用和标签来定义页面中不变的部分（拜网景所赐，这些标签后来演变成了很不友好的框架标签）。

问题不在于新功能无序的开发，而是两个竞争激烈的浏览器都在实现各自版本的 web，以保卫自己的市场份额并且或者更多的控制权。最后，网景和微软都放弃实现正统的 HTML 3.0 规范，例如网景声明：

网景承诺继续支持 HTML 3.0。出于这样的原因，我们走在了前面，采纳了一些更加成熟的方案，我们希望这些方案能够被认可。我们坚信网景 Navigator 2.0 比其他的任何一个商用客户端对 HTML 3.0 规范支持的更好。

此外，我们在网景 Navigator 中增加了一些现在还未被 HTML 3.0 规范包含的新功能。我们认为这些新功能应该被加进去，作为标准流程的一部分，我们正在提议标准加入这些新功能

而微软被落在支持 HTML 小组成员的后面紧紧追赶：

网景非常享受他在浏览器市场上的事实垄断地位（据估算约有 90%），这让网景可以通过引入非官方的，或者所谓的“扩展”标签来加固它的垄断地位。结果导致 web 上充斥着只能在 Navigator 里面正确的浏览的垃圾页面。等到其他的浏览器追上来的时候，网景完成了更多这样的扩展。

但是持续了不长时间，微软就厌倦了这种玩法。新的发行版甚至都不提及 HTML 而是改为讨论构建在微软技术上的 web：

微软 Internet Explorer 3.0 是第一个集成了ActiveXTM 技术的英特网客户端，这项技术能让开发者能够在英特网上创建具有很高交互性的程序和内容。这些技术能够让万维网站变得丰富、互动，就像动作游戏、多媒体百科全书或者生产力应用程序那样。有史以来，网站第一次不再被技术所限制，而仅仅受限于作者想象力。

浏览器大战爆发了快一年的时候，战争从对 HTML 标签支持的斗争升级到了开发富客户端程序的格式和语言之争。在 1996 年 8 月，随着 Internet Explorer 3.0 的发布，Javascript（网景私有的客户端脚本语言）和 ActiveX（微软私有的对象容器）之间的斗争一触即发。

这个故事剩下的部分就是微软在哪里取得胜利的，以及更重要的，微软是怎么赢的，然后浏览器大战已经成为了历史。由于 Web 分裂的很严重，其影响持续了十几年，浪费了开发者很多的时间去开发跨浏览器技巧和各种库。尽管微软得到了浏览器市场的控制权，而且一直不遗余力的推销它私有的用于构建 web 程序的多层技术，但是不知怎么的，最简单的 HTML、Javascript 和 CSS 却赢得了广泛的支持，而且 Web 2.0 也没有构建在 ActiveX 的基础上。

十年后

随着网景逐渐消失并且被 Firefox 替代，今天的 web 大战不仅仅发生在浏览器之间，而且还发生在新 web 平台和技术之间。据估计，Internet Explorer 的市场占有率已经降到了 78%（2004 年达到了最高的 95% 市场占有率），同时 Firefox 占有 16%，Safari、Opera 和其他的浏览器共同占有剩下的 6%。1999 年 HTML 4.01 规范发布，因为大部分浏览器都内置了对该规范的支持使得该规范成为 ISO 标准。HTML 4.01 一直是支持的最广泛、最好的 HTML 标准，不过现在的问题已经转移到了其他的 web 技术上，尤其是 CSS 和 DOM 访问。

在现在被称之为 Web 2.0 领域内，上千个富 web 程序都是使用 HTML、CSS 和 XML 开发的——通常称之为 AJAX（很讽刺的是，AJAX中的 A 和 X 部分最开始时是 Internet Explorer 的私有插件，以 xmlhttprequest 的形式出现的）。虽然 AJAX 程序很快就达到了当前技术所能实现的极限，但是这些程序缩短了桌面程序和 web 程序之间的距离。很多厂商都发布了他们支持的 web 客户端平台作为浏览器之上的一层，例如 Adobe 开发的 Flash、微软开发的 Silverlight 等，这给开发者展示了一个丰富多彩的，开发类桌面化的 web 程序的开发环境。这些新的平台通过在现在的浏览器基础上增加插件来生效，由于这些商业解决方案的发布，导致当下没有一个合适的、开源的、基于开放标准的、超过 AJAX 的替代品出现。

在 W3，一组浏览器开发者受挫于 HTML5 缓慢的进展，他们独立出去成立了 WHATWG 小组以促进该规范的开发。HTML5 的首要任务就是认清楚现状，那就是从最初的 HTML 规范发布以来，web已经发生了翻天覆地的变化，现在的 web 程序能够展示非常复杂的用户界面，能够利用更多的高级系统功能（以界面为例，Silverlight 使用 XAML，Flex/Flash 使用 MXML）。该标准开始成为 Web Applications 1.0，这个宽泛概念不仅包括有新的 HTML5 规范，还包括了其他相关的规范，例如 CSS2、DOM5、ECMAv4 和新的 API 调用（例如本地浏览器存储）。

WHATWG 工作组最终（4年后）又返回了 W3，微软也重新投入了力量。与此同时，开发者如果要搜索不是 AJAX 的富 web 程序平台，只会得到很少的结果，除非他们投入微软或者 Adobe 的怀抱。HTML5 规范的实现进展非常缓慢，直到 Google 意识到微软和 Adobe 正在统治 web 的威胁并且通过开发 Gears 介入才有所改观。Gears 是 Google 匆忙的在浏览器上实现 HTML5 的产物，他们使用 Gmail 和 Reader 这些自己的程序一步步的支持这些新的 API 调用

苹果是另外一家全力支持使用非 HTML5 的开放技术开发富网络程序的公司。就在几年前，访问苹果主公司主页的浏览者所看见的是充斥着 Flash 和 PDF 文件的页面。现在，苹果拥有了 Safari——他们自己的基于开放标准的浏览器，并且支持 Webkit 这个开源项目。苹果使用 AJAX 而不是 Flash 这样的私有技术重新开发了他们的网站和程序，他们通过这样的方式来支持免费且开放的技术。

我们又回到了 1996 年，只不过现在 HTML5 成了新的 HTML 3.0，当时只有两个主要浏览器厂商，而现在有很多的团体都对决定新的 web API 和虚拟机的样子充满兴趣。在这一九十年代的事件里，开放标准赢得了最终的胜利——微软和 Adobe 意识到这点后他们都公开了一些各自平台源代码和 API 细节。

Web 历史告诉我们，在通常情况下，只会有一个胜出者，然后所有的用户都逐渐迁移到这个胜出的解决方案上，并且使之成为一个标准（回想一下很多现在的“标准”最初都是私有技术）。尽管类似 Windows 操作系统这样的标准和类似 HTML5 这样的开放标准之间的差异巨大——但是类似 Google 和苹果这样的公司要面对的最大的威胁就是历史的重演。

“下一代 web”系列中的上一篇讨论的是本地浏览器存储，点击这里阅读。