猪八戒学做网站之HTML5篇(4):HTML与HTML5

    和猪八戒说完之后,我回到自己的电脑前,打开前一天没完成的程序,继续编写着代码。这个时候,小猪又凑了过来,看了一会儿问:“师傅,你不是说写网页都用FrontPage、Dreamweaver、UltraEdit等,你自己怎么不用这些啊?”

    我笑道:“八戒,我说的那些,都是做静态网页的工具,而我现在做的是动态网页,所使用的工具当然不一样啦。当然,那些工具也可以用来制作动态网页,只是我不习惯用那些而已。”

    “什么是静态网页?什么是动态网页?”小猪问。

    “这个要怎么说呢?”我想了想说,“一般来说,静态网页就是你做的那种,扩展名为htm或html的网页,这种网页做好之后,只要你不修改源代码,它是永远不会变的,所以叫静态网页。”

    “那动态网页呢?”

    “动态网页做好之后一般是放在服务器上运行的,同一个网页,它可以根据不同的用户显示出不同的内容。”

    “不太懂。”小猪摇摇头。

    “这么说吧,你看网上的论坛,这种就是动态网页。”

    “为什么?”

    “你看同一个贴子,你第一次看的时候,是这个样子的。但如果你回复了一个贴子之后,你看到的就会是另一个内容,这就是动态网页。”

    “哦,这么说我就有点明白了。”小猪说,“那动态网页比静态网页高级嘛。我学做动态网页好不好?”

    我盯着小猪看了三十秒钟,叹了一口气:“小猪啊,做人要先学会爬,再学走,然后学跑,不要想一躇而就。”

    “可是……”小猪小声地说道,“静态网页多无聊啊。”

    “嗯,很多人都有你的这种想法,也有很多人连基本的HTML、JavaScript、CSS都不会,就直接学动态网页。虽然我不是说这样不行,但是,如果没有一个良好的基础,学动态网页也是知其然不知其所以然。”我对小猪开始上课了,“在网上,看到很多人提的问是又好气又好笑,居然有人问,那种将鼠标放在超链接上就会变颜色的动态网页要怎么做,你说好不好笑?”

    “对啊,这种动态网页要怎么做?”小猪追问道。

    “你欠扁吧?”我有点生气了,“这种是动态网页吗?只要使用HTML就可以实现的效果!”

    “哦,这种不是动态网页啊?”小猪反问道。

    “这种当然不是动态网页啦,只是使用HTML写的一种效果而已。动态网页的最大特点就是和服务器交互,而静态网页是不用交互的。”

    “师傅,你真绕,我都快晕了。”小猪干笑了几声。

    我也笑了起来:“的确,现在和你讨论什么是动态网页什么是静态网页是有点早。不过我可以告诉你,动态网页,最终也会生成静态的HTML显示在用户的浏览器上。”

    “那我是不是应该先学HTML。”

    “Good!”我对着小猪竖起了大拇指。

    “那什么是HTML?”

    小猪的一句话让我差点喷了出来,看来小猪不但是菜鸟,而且是超级菜鸟。我对小猪说道:“HTML就是How To Make Love的简写。”

    “啊?”小猪的嘴巴张得大大的,下巴都快掉到裤档里了,“这个……这个我就不用学了吧?”

    “嘿嘿。”我奸笑了几声,“逗你玩的啦!HTML是Hyper Text Mark-up Language的简称,也就是超文本标记语言的简称。”

    “那什么叫超文本啊?”小猪问道。

    “你不知道超文本?那你知道什么是超链接吗?”

    “这个我知道。”

    “其实超文本就是一种文本,只不过在这种文件中可以包含着一些超链接,点击这些超链接你可以跳转到其它文本或文件中。”

    “那什么叫标记语言?”小猪又问。我都有点诧异他怎么能把一句话分成两个部份来问。

    “标记语言也是语言的一种。”我回答道,“比如说,一篇文章,一般来说,一般会 由标题和正文组成,那么,你看一下这么一段文字,你知道哪些是标题哪些是正文吗?”说完,我随手打开一个文本文件,文本文件中的内容如下所示。

    “这很明显嘛,‘早发白帝城’是标题,其它的是正文。”小猪马上回答。

    “哦?这个秘密你也知道啊?”

    “这个还是秘密啊?地球人都知道啊。”

    “那你再看看这个。”我说完之后,在文本文件中加了几个字:

    “你再看看,现在哪个是标题,哪个是正文?”我问小猪。

    小猪看了看,不确定的问:“这里应该没有标题吧?是不是都是正文?”

    我笑了:“就是,连你一大活人都不知道什么是标题,什么是正文,那计算机会知道吗?”

    “不会。”

    “那么,我们可以给这段文字加一些标记,你再看看。”说完,我又把文件内容改了一下。

    “这是什么意思?”小猪看了看,问道。

    “你看,‘早发白帝城’的两边,我加了个<h1>和</h1>,这就告诉计算机,‘早发白帝城’是标题。而下面的文字我加上了<p>和</p>,说明这里是正文,并且这是一段。”

    “哦,这样,计算机就知道哪里是标题哪里是正文了。”

    “对,这种用于标记文本的语言,就是标记语言。”我点了点头。

    “这回我明白了。”小猪也跟着点头。

    “其实标记语言有很多种,而HTML只是其中的一种,也是使用得最广泛的一种,只要是网页,无论是动态网页还是静态网页,都必须要使用到HTML语言。”

    “那这种语言我一定要掌握了。”猪八戒说道。

    “是的,HTML语言也是在不断发展中的,目前使用得最多的是HTML 4或HTML 4.01,这两者之间的区别并不是很大。”

    “HTML最新的版本是多少?”小猪问道。

    “现在最新的版本是HTML 5,但是HTML 5还是草案,到目前为止,HTML 5还没有形成一个真正的标准。”

    “那HTML 4是一个标准?”

    “对,HTML 4是由W3C维护的国际标准,但这个标准在1999年开始就已经停止开发了,你想想看,从1999年到2009年,都整整十年了,HTML还停留在4.01的版本上,对于程序员来说,这是一个多大的福音啊!”我感慨道。

    小猪有点糊涂:“为什么没有新版本就是一个福音啊?”

    “你傻啊?你没看到现在计算机的东西,三天两头出新的,学都学不过来,别的不说,一个Windows从99年到现在出了多少个版本?Win 98、Win Me、Win 2000、WinXP、Win 2003、Vista……每次出个新东西,就要学上好几个月。程序员要是三年不碰计算机就淘汰了!”我一口气说了一大堆。

    小猪又点点头:“你说的也对啊。”

    “对个屁啊!”这种谬论他也说对,真是个猪八戒,“事事都在发展,网页也一样,但由于HTML的止步不前,造成了现在网页的混乱,所以HTML是一定要发展的。”

    “混乱?我怎么没有觉得混乱啊?”小猪问。

    “至于为什么混乱,怎么混乱,以后再告诉你吧。现在,你只要知道,HTML目前使用得最多的是4.0或4.01版本,而它的必然趋势是5.0版本就行了。”我不想和他多说了。

    “那我应该学习4.0还是5.0呢?”

    “直接学习5.0吧,但是在HTML 5中,将一些HTML 4中的元素抛弃了,而这些元素往往是很多开发者都习惯使用的元素,这些元素你也应该了解一下。”我建议。

    “好的,您先忙,我自己看一下吧。”小猪说完,回到自己的座位上了。

    我又叹了一口气,开始自己的编程生涯。

 

 

=================================================

原创不容易,转载请注明出处(http://blog.csdn.net/smallfools

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值