1、HTML 的本质知识HTML 学习的本质就是该是什么就用什么Ghost。当然这句话是需要一个解释的，参照的范例就是你的小学语文书。我们先来看看我们制作网站的历程。记忆中我第一个网站是产生于 1998 年，当时都是一群用 table 做网页的人。在 table 的时代我们觉得最难的题目是什么？奇特的三行不定列布局：奇特的一像素边界：table 时代过后（记忆中是 2001 年前后），出现了第一批使用的人。于是国内吹起了一股 CSS 之风。用法是将他套着若干的 table 然后利用 CSS 的绝对定位，还有的加上些JS 让他飘来飘去。后面就有人开始研究 CSS 起来，记得“风人设计”的初期就有若干
2、谈合作的人拿着一本 CSS 的书和我说这说那的（当然这些人最后都转行了）。在这个时候我们觉得最难的题目是做一个当时被叫做“Java 特效”的咚咚。于此时我被一个人提出的 XML所吸引，但只是将他看作一种数据储存（其实这也就奠定了 Qzone 实现的雏形）。时间飞快如梭，2004 年 5 月 1 日，国际劳动节当天，电子工业出版社出版了一本名为网站重构应用 Web 标准进行设计的书译。于是国内就遍布了“DIV+CSS”的信念，真正的意味上中国网站重构的跨时代性起步开始了；但另一个角度而言，这本书将中国的 WebReBuilder 从一个火坑拉出来，丢进了另外的一个火炕。我想我们只能使用看待隋唐盛
3、世的眼光去看待这本书。因为它只是意味一革新的皇帝和新的朝代的诞生，并没有从本质上面推动社会的变革和进化。这本书将 table 嵌套，变成了 div 嵌套。当时最流行的话语（直到现在）是“我的网站是DIV+CSS做的。”这个时候我并没有加入这个行列，一直是在等待；因为我有一个很关键的问题没有解决“为什么要DIV+CSS而不是TABLE+CSS”：引用这将是一场革命内容：我们先看看一下两个范例。table 做的，div 做的表面上他们是一样的，但是一旦产品经理提出修改，表现需要变化。对于 div 会很轻易的变化成为这个 范例 。范例可以看出不修改 html 的情况下，table 就是打死也完成不了
4、这样的改变。“DIV+CSS”比“TABLE+CSS”优秀就是排版的自由化，就以上例为题，table 就一辈子都无法做到。一直到了 Qzone3.0 前后，我才开始想明白上面的答案，历时差不多有一年。接着在 Qzone4.0 的时候动用了三个标记“dl、dt、dd”和 TMENU 的诞生。现在非常悔恨的是我也将大家带入了另一个跨时代的起步“XHTML+CSS”，同时也是将大家带进了一个新的火炕。进火炕容易出火炕难，我才开始明白为什么两个重构名人阿捷、老甘会在互联网当中逐渐消失。我开始不去怪责他们之前的事情，更多的是一种体谅，与此心中也暗下决心。便开始了进行铺垫“良性竞争”的“SB”观念。历史路
5、程如上，回归到 HTML 学习的本质就是该是什么就用什么；意思就是标签不能滥用，还原到内容的本质的标签才是合格的标签。就以 TMENU 为范。之前的 HTML 代码是：123123123123123123123123123123现在的 HTML 代码是：123123123123123123123123123123以下是一个菜单列表123123123123123123123123123123两者的不同点，大家也看到了。多了一块 map 的标签和一个 hn 的标签。为什么是这样呢？我们再来看一个例子：操场上面有 100 台不同牌子，不同外形，不同颜色的车；现在让你将这些车分成若干组，反馈一个列表以
6、供选择。当然，使用列表是大家都会想到的。但是大家有没有想到这个列表能表现什么呢？引用范例 XXX 牌子 XXX 型号XXX 牌子 XXX 型号再或者引用范例 XXX 牌子 XXX 型号XXX 牌子 XXX 型号就这上面的列表，我根本就看不清楚这个列表的分类是怎么形成的，为什么一个是有序，一个是无序的。他们是怎么样会这样排，为什么放在一起。很多很多的问题。我们再来看看下面的范例引用范例 黄色系列车XXX 牌子 XXX 型号XXX 牌子 XXX 型号再或者引用范例 出厂年份XXX 牌子 XXX 型号XXX 牌子 XXX 型号上述的范例，大家是否一看就一目了然了。所有的来龙去脉都变得清清楚楚。然而为
7、什么TMENU 代码里面还有 map 标签呢？我们看看一个范例引用范例 站点名称*站点副标*站点地图导航菜单连接 1连接 2注：*号注释部分为强调站点为推广首要的时候用。以上的范例当然是正确的。然而这样的结构就会让人觉得用户极度低能了，站名和副标过后不是站点地图导航菜单么？（特指 menu 在顶部的站点）而且与此同时 HTML 本身就提供了一个特指站点地图导航的标签。既然有一个本身就有这样意义的标签你又何必使用文字去说明呢？你总不会使用这是一个无序列表这么白痴吧。大家都知道阿妈是女人啊。我们再看看下面的范例：引用范例 站点名称*站点副标*连接 1 连接 2注：*号注释部分为强调站点为推广首要的
8、时候用。是不是，代码更加的简单清晰明了了。引用内容 我有个怪癖。我很喜欢在面试的时候我总是要先考面试人 XHTML。就好像以前师傅招收学徒一样，能力和慧根属其次，人品首当其冲。我以为，XHTML 好比一个人的本质，CSS 好比人的处事方式和态度，JS 好比人做事的行为以及作风。三者的分离再加上些周边的 SEO、人机交互也就是我们所说的网站重构，也就是一个很不错的人。之前总是有一部分人认为 CSS 就是网站的最主要的元素，其实自然而然的也就代表了一种人生观。的确，一个人没有好的处事方式和态度很难在现在的社会很好的存活；但是这个处事的方式和态度位置过于偏重了，就成了一个善于欺骗、做事不择手段的人。
