HTML学习的本质
日期:2007年10月26日 作者: 查看:[大字体 中字体 小字体]-
原文:http://www.twinsenliang.net/web/20070912.htm
《这将是一场革命》一文出来以后。得到业界大伙的认同,当然与此同时也得到部分来自内部与外部的挑衅,不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了,半夜在一个梦中醒来,梦里正在和小学的同学玩一个游戏——“The Next”。醒来以后觉得自己需要做点什么,于是终于将TMENU修改了(拖了很久了);然后觉得近期需要对之前提到的五点详细的出一部分实在的案例写得详细点,于是开始写本文。
梦里回到小学,是有道理的。一是那个“The Next”的游戏提醒我,另外一个则是我和飘飘经常和别人说的,要学好HTML先回去看看小学的语文书。回小学的原因是那里的书本不会受到过多的应试教育的干扰,里面的“本质”存有真实性,而语文书这是意味HTML的本质:标题、段落、列表、书目。HTML学习的本质就是该是什么就用什么——Ghost。当然这句话是需要一个解释的,参照的范例就是你的小学语文书。
我们先来看看我们制作网站的历程。记忆中我第一个网站是产生于1998年,当时都是一群用table做网页的人。在table的时代我们觉得最难的题目是什么?
奇特的三行不定列布局:

奇特的一像素边界:

table时代过后(记忆中是2001年前后),出现了第一批使用<div>的人。于是国内吹起了一股CSS之风。用法是将他套着若干的table然后利用CSS的绝对定位,还有的加上些JS让他飘来飘去。后面就有人开始研究CSS起来,记得“风人设计”的初期就有若干谈合作的人拿着一本CSS的书和我说这说那的(当然这些人最后都转行了)。在这个时候我们觉得最难的题目是做一个当时被叫做“Java特效”的咚咚。于此时我被一个人提出的XML所吸引,但只是将他看作一种数据储存(其实这也就奠定了Qzone实现的雏形)。
时间飞快如梭,2004年5月1日,国际劳动节当天,电子工业出版社出版了一本名为《网站重构——应用Web标准进行设计》的书译。于是国内就遍布了“DIV+CSS”的信念,真正的意味上中国网站重构的跨时代性起步开始了;但另一个角度而言,这本书将中国的WebReBuilder从一个火坑拉出来,丢进了另外的一个火炕。我想我们只能使用看待隋唐盛世的眼光去看待这本书。因为它只是意味一革新的皇帝和新的朝代的诞生,并没有从本质上面推动社会的变革和进化。这本书将table嵌套,变成了div嵌套。当时最流行的话语(直到现在)是“我的网站是‘DIV+CSS’做的。”这个时候我并没有加入这个行列,一直是在等待;因为我有一个很关键的问题没有解决“为什么要‘DIV+CSS’而不是‘TABLE+CSS’”:
引用《这将是一场革命》内容:
我们先看看一下两个范例。table做的,div做的表面上他们是一样的,但是一旦产品经理提出修改,表现需要变化。对于div会很轻易的变化成为这个 范例 。范例可以看出不修改html的情况下,table就是打死也完成不了这样的改变。“DIV+CSS”比“TABLE+CSS”优秀就是排版的自由化,就以上例为题,table就一辈子都无法做到。一直到了Qzone3.0前后,我才开始想明白上面的答案,历时差不多有一年。接着在Qzone4.0的时候动用了三个标记“dl、dt、dd”和 TMENU 的诞生。现在非常悔恨的是我也将大家带入了另一个跨时代的起步——“XHTML+CSS”,同时也是将大家带进了一个新的火炕。进火炕容易出火炕难,我才开始明白为什么两个重构名人——阿捷、老甘会在互联网当中逐渐消失。我开始不去怪责他们之前的事情,更多的是一种体谅,与此心中也暗下决心。便开始了进行铺垫“良性竞争”的“SB”观念。
- [1] [2] [3] [4] 下一页
-
- HTML学习的本质 相关文章:
- ·Fireworks教程:立体质感水晶的制作过程
- ·Illustrator中线条宽度与质量的精确控制
- ·高贵品质 12款职场MM搭配设计
- ·Fireworks制作超酷质感按钮
- ·Photoshop打造气质美女唯美海报
- ·Photoshop简单打造水晶质感字体特效
- ·无限靓丽 Photoshop打造气质美女
- ·软硬件结合教你选优质鼠标
- ·新网站如何获得外部优质网站的链接
- ·新网站如何获得外部的优质外链
- HTML学习的本质 相关软件
- ·世界地质公园--丹霞山
- ·暗物质空间
- ·蛋白质女孩
- ·国民财富的性质和原因的研究
- ·2002年南京市第二次质检语文试题
- ·2002年南京市第二次质检英语试卷
- ·2002年福建省达标中学质检(文科数学)
- ·2002年福建省达标中学质检数学卷(理)
- ·黄冈市高三第一次质量检测语文试题
- ·2003年南京市高三第三次质量检测卷(03)
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
上一篇:迷你恐龙头像教程
精品推荐
热点TOP10
- ·HTML 4.0 语言快速入门参考教程
- ·Div+CSS布局入门教程(全)
- ·Windows 桌面风格页面制作点滴
- ·CSS样式表详解
- ·图片左右循环连续滚动代码,解决marquee的留白问题
- ·认识学习CSS中的滑动门技术
- ·css实现文字的自动隐藏
- ·HTML表格标记:行的水平对齐属性ALIGN
- ·页面显示问题
- ·HTML基础知识
- ·实现鼠标经过超链时的提示图层
- ·初学:什么是DIV+CSS?有什么优势?
- ·DIV CSS网页布局学习中容易出现的问题汇总
- ·HTML标签语义 科学合理的运用HTML标签
- ·CSS标准网页设计UL和DIV使用的技巧总结
- ·网页中嵌入Flash的方法讨论
- ·HTML基础学习笔记
- ·frameset 使用心得
- ·正则表达式过滤HTML危险脚本
- ·无边框窗口代码详解
特别推荐
- ·HTML语言:什么是Unicode 什么是UTF-8
- ·XHTML编写网页代码的七条基本规范
- ·HTML和XHTML的区别
- ·HTML语言:什么是Unicode?什么是UTF-8?
- ·HTML 和 XHTML 区别
- ·HTML标记全集
- ·分析比较:三种简洁的Tab导航简析
- ·HTML教程-HTML简介
- ·网页Web标准化教程关于表格的应用
- ·网页代码常用小技巧总结续,网页制作学习
- ·HTML 标记参考手册
- ·用htc实现html编辑器
- ·HTML 4.0 语言快速入门参考教程
- ·初学:什么是DIV+CSS?有什么优势?
- ·网页制作实例CSS用一张图片实现圆角
- ·DIV CSS网页布局学习中容易出现的问题汇总
- ·HTML标签语义 科学合理的运用HTML标签
- ·53个CSS-不可或缺的技巧
- ·页面显示问题
- ·CSS标准网页设计UL和DIV使用的技巧总结
