只有 90 年代的网页开发者才记得这个（2014）

原文 ↗ Hacker News 讨论 ↗

对 1990 年代网页开发的怀旧，凸显了一套如今已过时的技巧：用 1x1 透明 GIF 做布局、基于表格的页面结构、图像映射、框架，以及 `<blink>` 和 `<marquee>` 之类的浏览器特有标签。评论者回忆起，慢速连接、有限的 CSS 和互不兼容的浏览器如何催生了大量花式变通、FrontPage 和 Dreamweaver 这类所见即所得工具，以及在 AJAX 成为主流之前的早期“动态 HTML”技术。许多人将那个时代丑陋但更具个人色彩、探索性的网络，与如今更重、更框架化的网站相对照——并认为今天的 AI 等技术，若干年后也可能会以同样笨拙的方式被回顾。

渐变、美学与设计周期

  • 人们回忆起在 90 年代/00 年代因使用渐变（通过 GIF/JPEG）而被责备，当时它们被视为“廉价”；如今渐变又重新流行起来。
  • 几位评论者指出设计潮流是循环往复的：渐变、圆角等会先变得过度使用，然后变得不时髦，之后又会回归。
  • Windows 98/ME 和 Office 界面被认为让渐变显得乏味且有企业气息。

DHTML、“Distributed HTML” 与幽默

  • 多位评论者指出，DHTML 意思是“Dynamic HTML”，不是“Distributed HTML”。
  • 许多人把“distributed HTML”那句话理解为故意抛出的诱饵 / 面无表情式幽默，面向那些经历过 90 年代的人。
  • 有些人认为文章中的事实“错误”削弱了可信度；也有人说这种含糊正是笑点，不过并不是每个人都觉得好笑。

布局技巧：表格、1x1 GIF 与垂直居中

  • 对基于表格的布局有强烈怀旧感：对很多人来说直观、强大，但维护起来很痛苦。
  • 1x1 透明 GIF 曾被广泛用于留白、布局微调、垂直间距、跟踪像素，甚至 HN 现在仍在使用它们。
  • 在 Flexbox/Grid 出现之前，垂直居中被讨论为出了名地难；人们提到：
    • 历史技巧：带有 valign=middle 的表格单元、display: table-cell、嵌套表格。
    • 现代方案：Flexbox（align-items/justify-content）、CSS Grid（place-content、100vh/svh/dvh），但仍然“很别扭”。

圆角、切片与图像映射

  • 常见模式：使用 3×3 表格网格、角落图片和可拉伸边缘来实现圆角框和阴影。
  • Fireworks、ImageReady 和 Photoshop slicing 等工具会从单一视觉设计自动生成庞大的表格布局。
  • 客户端和服务器端图像映射被大量用于图形化导航、落地页和地图 UI；有些人现在仍在某些小众场景中使用它们。

早期“动态”网页：iframe、XHR 与 Comet

  • 在 XHR/AJAX 之前，开发者会把数据加载到隐藏的 iframe 中，并通过父/子 JS 调用进行通信。
  • 长轮询和 Comet 风格的技术在很早就存在，但受限于服务器资源和工具链。
  • 有人认为 DHTML 主要指页面内的 DOM 操作（所有数据预先到位），这与后来“Web 2.0”式的异步加载不同。

工具、浏览器与遗留怪癖

  • 对 FrontPage、Dreamweaver、Flash/Shockwave 以及 ColdFusion 作为进入网页开发的入口有强烈记忆。
  • 浏览器大战（Netscape 对 IE）导致了不兼容的标签（<blink> 对 <marquee>）、CSS bug、PNG 透明度技巧，以及针对特定版本的变通方案。
  • HTML 邮件和一些大型网站至今仍依赖表格布局和旧技巧，保留了 90 年代技术的一部分。

怀旧与现代复杂性

  • 许多人怀念早期“丑但有趣且个人化”的网页：留言簿、计数器、Under Construction GIF、Splash 页面、像素字体。
  • 另一些人强调当年的工具和兼容性要糟糕得多，宁可接受今天的标准，即使伴随着大量 JS 和复杂性。
  • 也有人作出类比：正如 90 年代的网页如今被带着怀旧情绪嘲笑，今天的 AI 时代将来也可能以类似的方式被人取笑。