大家伙儿，今天咱们聊聊一个挺玄乎的东西，就是那个“七宗罪HTML官网”，听着就跟闹着玩儿似的。
本站为89游戏官网游戏攻略分站，89游戏每日更新热门游戏，下载请前往主站地址:www.gm89.me
事情要从前阵子说起。我侄子刚上初中，非要学啥编程，我说你先从最简单的网页开始，先搞明白HTML是干嘛的。我就在网上瞎搜，想找点老古董级的HTML入门例子给他练手。结果你猜怎么着？蹦出来一个叫“七宗罪”的页面，我点进去一看，哎哟我去，这简直就是代码界的活化石。
我当时就纳闷了，这玩意儿能叫“官网”？我立马就上手开干了，直接在浏览器里按F12，把源码给拖出来，想看看这背后的“罪恶”到底藏了些什么。
实践过程：扒代码看七宗罪
我把代码拉下来一看，头皮都麻了。这根本不是什么官网，就是一个老前辈十多年前随便搭着玩儿的页面，拿七个主题做了七个链接，算是把七宗罪的标签给贴上了。但是，那代码写得，我感觉都快犯第八宗罪了。
- 暴食 (Gluttony)：一个页面里头全塞满了
<br>，换行全靠它。一行代码能写出五十个换行符，我看代码都得喘气，代码量巨肥。 - 嫉妒 (Envy)：样式全TM是内联样式！
<p style="color:red; font-size:24px;">，一个标签跟着一堆样式，恨不得把所有CSS都塞进去。当时的人估计是嫉妒外部样式表太清爽了，非要搞得又臭又长。 - 懒惰 (Sloth)：页面里头全都是表格布局！一个
<table>套着另一个<table>，所有的排版，所有元素的定位，都是靠表格硬撑着。懒得学CSS浮动，直接用表格暴力对齐，看得我直冒火。 - 傲慢 (Pride)：代码里头有大量的注释，但不是解释代码，而是写着“本代码为XX年最优解”这种话。脸皮真厚，当年估计觉得挺牛逼的，现在看来就是个笑话。
我花了俩小时，把这堆屎山代码稍微理了理，用现代的CSS栅格给它重写了一遍。重写完了再回头看那个原始的“七宗罪官网”，我才明白了。
最终的网站设计进阶教科书
它压根儿就不是什么正经官网。它就是互联网发展历史上的一个小小“黑历史”标本。你想学什么叫“不该这么写代码”？你就得看看这玩意儿。它里面汇集了大量已经被淘汰的、效率低下的、维护起来想骂人的写法。
这事儿让我挺感慨的。以前咱们写代码，能跑就行，根本不考虑结构、性能、维护。代码一堆乱七八糟，就像我那会儿刚毕业，为了糊口找了个外包活，客户让咋改就咋改，结果项目交接的时候，人家一看那代码，直接说我写得太烂没法维护，尾款都给我拖了半个月，给的钱还打了八折。
这个“七宗罪HTML官网”，对我来说，就是一记响亮的耳光。它不是让我们学怎么写HTML，而是让我们明白，写代码要有规矩，不能随心所欲，不然将来接手的人一定会骂街。实践记录完毕，希望大家伙儿以后看到老代码，都能心平气和地重构，别像我一样，刚开始看到气得想砸电脑。
