我们仍未知道那天所看见的 88 × 31 的名字

还记得曾经充满了网络的 88 × 31 按钮吗？本文将会探索 88 × 31 按钮的一些历史。

这是什么

这个像徽章、横幅一样的按钮，可以快速可视化的提示此网页使用了什么技术支持了什么网页标准， 比如标上 FLASH, PHP, W3C - XHTML 1.0 等等，或者联系与交流方式比如 电话号码、邮箱、RSS, MSN 之类的。

也许是光溜溜的文字友链不够吸引用户，于是五颜六色，甚至带有动画效果的 GIF 徽章按钮就在 1996 年之后流行了起来， 一些按钮甚至会有宣传短片的精美程度。

它有这些名字:

1. The 88x31 buttons

2. Web banner

3. Badge(徽章)

4. antipixel（特指 80 × 15 的大小）

   Steal These Buttons (STB)

5. linkgraphics¹

技术细节

通常按钮都需要使用限定的长度与宽度，但有的按钮稍微有几像素的偏差，对于排版来说会有点麻烦。

因为许多按钮属于像素艺术，锐利的边缘很重要，所以无法无损编码的 jpeg 格式基本没有人使用， 通常都是使用可以无损的 png 或者 gif 图像。

如果是很小的按钮，那么就非常需要像素字体， 其中有高度为 5px 的免费字体 Silkscreen（分发协议是 Open Font License）， 很适合用在 36 × 13 以及 80 × 15 的按钮上。

按钮常见的大小有下面这些：

• 36 × 13
• 80 × 15 (Antipixel)
• 88 × 31（最常见）
• 88 × 62
• 110 × 32
• 120 × 60
• 125 × 50
• 137 × 42
• 180 × 60

Netscape Now! Buttons

“Netscape Now! Buttons” 是指此网页完全利用了网景浏览器特性的按钮：²

网站可以通过认证来获得 “Netscape Now!” 按钮，网景觉得这能让网站宣传浏览器，而浏览器的名声也能给网站加成， 但这种按钮只是一张图，只要复制粘贴，站站都能有这个按钮，所以这个按钮也许成为了一个笑话一样的存在。

• 

  “Netscape Now 2.0” 表明站点使用了 frames, live objects, Java applets 以及 JavaScript 功能

• 

  “Netscape Now 3.0” 表明站点使用了 advanced Java and JavaScript, Live 3D, LiveAudio, LiveVideo and LiveConnect 以及新的 HTML 元素

有许多人保存了各个版本的 “Netscape Now! Buttons”：

• Netscape Now! Buttons
• Now! (1 of 4)

Internet Archive 保存的最早含有 “Netscape Now” 的页面是在 1996年10月20日。

Geocities

1996年10月22日，Geocities 的官网 左侧有多个 88 × 31 像素的按钮图片。

• 
• 
• 
• 
• 
• 

Geocities 是当时流行的免费网络空间，任何人都可以申请个人站点。

有人认为是 Geocities 推荐每个用户都设置一个 Geosity 的按钮链接，而要求的大小就是 88 × 31 像素， 所以让 88 × 31 的按钮流行了起来。

引领者

由于 “Netscape Now! Buttons” 和 Geocities 网站上的时间证据没有明显差异，所以没法判断是谁引领了 88 × 31 按钮。 毕竟那是 Internet Archive 还没有开始记录的「史前时代」，也许这永远都会是一个谜团。

按钮

之所以许多描述，将这个图片称作按钮，主要还是 “Netscape Now!” 被设计成了按钮的样子， 没错……这个按钮跟 Windows 95 的画风相同，比如下面是 Windows 95 的开始菜单：³

都是左上白边、右下黑边的设计，这就是当时流行的按钮设计了。

W3C Validator Logos

1998年2月2日，Internet Archive 观察到了 W3C 网站 底部的 “Validator Logos” 按钮，⁴ 这是一个表示网页通过验证符合标准的徽章，跟 “Netscape Now! Buttons” 有些类似。

• 
• 
• 

有人认为有虚荣心的关系，所以这个验证徽章比较流行。⁵

Creative Commons

Creative Commons（创意共享，以下简称为 CC）是 2001 年成立的非营利组织， 并在 2002年12月16日 发布了 CC 最初的版本（也许可以叫做 CC 无印）。

在这段时间，团队一直在尝试研究被作品用上 CC 标记，因为图片、文本视频等文件跟软件不同， 软件可以轻易的将许可证放进软件的文件夹内，或者直接在软件中展示，但图片、文本视频等文件通常都是单个的， 使用软件许可证的方式并不合理，所以团队在研究给作品标记的方法。

理论上只要声明此作品使用 CC 协议即可，但团队希望相关内容可以被机器快速找到，所以使用了 RDF 元数据来标记， 当时建议的标记像这样：⁶

<!-- Creative Commons License -->
<a href="http://creativecommons.org/{license URL}">
<img alt="Creative Commons License" border="0"
src="http://creativecommons.org/images/public/somerights" /></a>
<br />
This work is licensed under a
<a href="http://creativecommons.org/{license URL}">Creative Commons License</a>.
<!-- /Creative Commons License -->
<!--
<rdf:RDF xmlns="http://web.resource.org/cc/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
<license rdf:resource="http://creativecommons.org/{license URL}" />
</Work>
</rdf:RDF>
-->

除了给机器读取的 RDF 元数据，还有给访客观看的按钮：

• 
• 

其他人的历史记录

如果没有其他人的探索以及相关网络日志，那么这篇关于网站按钮的历史也不可能完成（因为此记录创建于 2021年5月2日， 由于搜集到的资料太少，所以一直未能发布），非常感谢所有在网络上共同创造、经历以及记录下这段历史的人们。

下面是主要参考的资料：

• Daniel S. Fowler, Remembering Powered By and 88×31, Tek Eye, 2012-03-27. (参照 2023-01-24).
• akky, 『88×31 コレクション – 太古のウェブで多用されたサイズの懐かしバナーを収集』, 秋元@サイボウズラボ・プログラマー・ブログ, 2021-06-16. (参照 2023-01-24).

Footnotes

1. Hyperdimensional Hyperlinks ↩

2. Netscape Now Program ↩

3. redblade8, http://www.classicshell.net/forum/viewtopic.php?f=18&t=5276 ↩

4. W3C Logo Usage ↩

5. Problems with Using Website Validation Services ↩

6. 《How To Tag Works》, Creative Commons, 2002-12-22. (参照 2023-01-24). ↩