许多非常聪明的人都说过，那些不从历史中吸取教训的人注定会重蹈覆辙。其他人说怀旧是诱饵，回顾会获得大量点击，我个人认为回顾过去的一些过时的UI 约定既有趣又具有教育意义。

记住他们为什么存在、他们如何死以及为什么他们死得很好。它让我们深入了解最佳实践是如何产生的以及为什么它们是我们拥有的“最佳”实践，并且它为我们构建网络的未来提供了背景。另外每年都有新人加入这个行业，他们也应该对这个有所了解。

对于那些现在没有本能反应的人来说，主题标签的作用就是：眨眼。断断续续，有时有，有时不，好像是为了伤害你的眼睛而设计的。该标签是在早期浏览器战争最激烈的时期发明的，是浏览器特定标签的早期示例，它使Netscape Navigator 比当时新生的Internet Explorer 更具优势。

闪存菜单

一开始，没有办法在JavaScript 中构建动画导航菜单（即具有悬停状态的菜单），或者在Dreamweaver 中调用DHTML，因此我在Macromedia Flash 中创建了一个带有动画按钮的很酷的菜单，并将它们嵌入到制作中每个网站的标题。

有一段时间，基于Flash 的菜单模板是一个独立的家庭手工业，热门提示：永远不要制作无法通过编辑文本文件来更改的网站菜单。仅维护成本就令人头疼，而且搜索引擎始终无法掌握在Flash 文件中抓取的窍门。

徘徊

框架，原始的AJAX

是的，在我们使用JavaScript 加载渐进式Web 应用程序中的所有数据之前，所有工作都是由浏览器完成的，而且大概仍然如此。你了解iframe 吗？他们曾经有一个名为“框架”的“老大哥”，我们在表格出现之前用它来进行基本布局。

问题是，即使它们允许浏览器仅更新页面的一部分，而不是加载全新的页面（某种程度上），它们也会破坏几个基本的浏览器功能，包括：

后退和前进按钮；

一般浏览器历史记录；

复制并粘贴网站特定页面的链接比较困难；

重新加载网站肯定有点随机，通常只会带您回到“主页”。

最终整个框架集功能被弃用，人们主要使用iframe 来加载嵌入内容，例如YouTube 视频。

图像按钮

不久前，图形设计风靡一时，人们不禁会问：“等等……那是一个按钮吗？”我可以点击它吗？为什么要使用自定义光标？ “在此之前，每个人都把注意力集中在那些看起来3D 的按钮上，因为它们很漂亮。看，它始于90 年代初，我们不会质疑1980 年至2005 年间发生的任何事情，只是时代不同了。

当然，CSS3 几乎关闭了基于图像的按钮，当文本嵌入图像中时，按钮无法管理，而当不管理时，我们必须使用上千种技巧来使它们甚至是半响应式的。有人记得制作过一个按钮吗？一部分是一张很长的PNG，另一部分是右角？或者按钮的每个角落都有一个单独的PNG？

帐篷

曾几何时，在每个人都开始说图像滑块不好之前，HTML 实际上有一个内置元素可以让东西在页面上滑动。它被称为大帐篷标签，在它真正消亡之前很久人们就讨厌它了。它在Internet Explorer 中实现以响应标记，并且对您的眼睛来说只是稍微好一点。

它因过于分散用户的注意力而被放弃和谩骂。

分隔符分隔符/页

在我们开始正确布局之前，人们需要一种方法来分解长页文本，以便它们看起来不那么尴尬，对于某些人来说，

这个元素感觉太平淡了，所以当时的设计师就像他们经常做的那样，将注意力转向了.gif。它们本质上只是水平条，但只要它们是图像，它们可以是任何您喜欢的东西。

这是另一个CSS/CSS3 趋势，当分隔符在视觉上比文本更令人兴奋时，可能会给用户带来一些冲突。

站点地图曾经是导航的全部和最终目的，在网站拥有自己的搜索功能之前，您可以使用站点地图在任何给定站点上查找所需内容。很简单：所有内容都在那里，您只需滚动即可。

如今，许多网站太大或太小，以至于不需要站点地图作为UI 元素。它们仍然经常由许多CMS 自动生成，但它们用于帮助搜索引擎更快地抓取网站。对于中型网站来说，这是一个可以恢复的功能，并且不会伤害任何人。

表格布局

有些人以笑话的方式嘲笑它，而另一些人只是低声引用它。这是一种推动网页设计向前发展的趋势，而且不会很快消失。它结合了内联样式、相当多的混乱以及以某种方式将布局保持在一起的1 像素.gif 文件。

它之所以消失是因为CSS 有浮动，虽然那是一个脏的一个半，但它实际上更好。我们长期以来一直使用表格的原因是浏览器（咳咳）无法跟上CSS 支持，但他们最终做到了。

奇怪的是，CSS 网格就像表格一样，但更好。