还记得曾经充满了网络的 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. linkgraphics1

技术细节 #

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

因为许多按钮属于像素艺术，锐利的边缘很重要，所以无法无损编码的 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” 是指此网页完全利用了网景浏览器特性的按钮：2

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

  • Netscape Now 2.0

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

  • Netscape Now 3.0

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

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

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

Geocities #

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

  • proxyellow.gif
  • planetd1.gif
  • lycos_new.gif
  • freeload_dl.gif
  • geostore_sm.gif
  • blacksun_icon2.gif

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

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

引领者 #

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

按钮 #

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

Windows95-start-button

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

W3C Validator Logos #

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

  • vh40.png
  • vxhtml10.gif
  • vcss.png

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

Creative Commons #

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

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

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

<!-- 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 元数据，还有给访客观看的按钮：

  • somerights.gif
  • norights.gif

其他人的历史记录 #

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

下面是主要参考的资料：

  1. Hyperdimensional Hyperlinks ↩

  2. Netscape Now Program ↩

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

  4. Problems with Using Website Validation Services ↩

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