文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设HtmlHTML学习的本质
精品推荐
特别推荐
·用CSS控制浏览器的滚动条
·marquee标记的用法
·HTML语言:什么是Unicode 什么是UTF-8
·XHTML编写网页代码的七条基本规范
·HTML和XHTML的区别
·HTML语言:什么是Unicode?什么是UTF-8?
·HTML 和 XHTML 区别
·HTML标记全集
·分析比较:三种简洁的Tab导航简析
·HTML教程-HTML简介
热点TOP10
·document.execCommand() 解析
·学习网页设计时要注意HTML向XHTML转化
·使用HTML+CSS编写灵活的Tab页
·图片左右循环连续滚动代码,解决marquee的留白问题
·MyHTML Player release v1.1
·首页用户登陆模板
·页面显示问题
·科汛供求管理系统介绍
·下拉列表框1下拉列表框2(HTML版)
·CSS:font-weight

HTML学习的本质

日期:2007年10月26日 作者: 查看:[大字体 中字体 小字体]


原文:http://www.twinsenliang.net/web/20070912.htm

《这将是一场革命》一文出来以后。得到业界大伙的认同,当然与此同时也得到部分来自内部与外部的挑衅,不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了,半夜在一个梦中醒来,梦里正在和小学的同学玩一个游戏——“The Next”。醒来以后觉得自己需要做点什么,于是终于将TMENU修改了(拖了很久了);然后觉得近期需要对之前提到的五点详细的出一部分实在的案例写得详细点,于是开始写本文。

梦里回到小学,是有道理的。一是那个“The Next”的游戏提醒我,另外一个则是我和飘飘经常和别人说的,要学好HTML先回去看看小学的语文书。回小学的原因是那里的书本不会受到过多的应试教育的干扰,里面的“本质”存有真实性,而语文书这是意味HTML的本质:标题、段落、列表、书目。HTML学习的本质就是该是什么就用什么——Ghost。当然这句话是需要一个解释的,参照的范例就是你的小学语文书。

我们先来看看我们制作网站的历程。记忆中我第一个网站是产生于1998年,当时都是一群用table做网页的人。在table的时代我们觉得最难的题目是什么?

奇特的三行不定列布局:

HTML学习的本质

奇特的一像素边界:

HTML学习的本质

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”观念。
历史路程如上,回归到HTML学习的本质就是该是什么就用什么;意思就是标签不能滥用,还原到内容的本质的标签才是合格的标签。就以 TMENU 为范。

之前的HTML代码是:

<ul class="menu">
<li><a href="#"><span><span>123123</span></span></a></li>
<li><a href="#"><span><span>123123</span></span></a></li>
<li><a href="#"><span><span>123123</span></span></a></li>

[1] [2] [3] 下一页 




上一篇:网友亲身经历养QQ宠物完全不花Q币!

下一篇:HTML:这将是一场革命

相关文章:
·教你学习如何破解XP登陆密码
·由浅入深学习Flash制作高射炮游戏
·网上英语学习资源大整理
·暑期英语学习之单词工具篇
·菜鸟学电脑 轻松学习Windows系统中的批处理
·学习绘图者必看--素描基础知识
·学习Word制作名片简单方法
·学习网页设计时要注意HTML向XHTML转化
·背景图片居中显示(HTML,CSS技巧)
·使用HTML+CSS编写灵活的Tab页
相关软件:
·洪恩轻松教你学电脑_internet学习
·鸟哥的linux私房菜:基础学习篇
·双向式英语学习法mp3+文档
·zemax教学视频和学习笔记
·走遍美国 视频+文本 学习英语的绝好资料
·软景HTML制造机(Softscape HTML Builder)V2.0
·第三阶段学习指南
·英语学习句型宝典完整版 WORD格式电子书
·新概念英语学习机 V3.06
·HTML Builder XPV5.6

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot