06、HTML 教程 - HTML发展小简史

1. 任务背景

大多数人都应该比较熟悉手机吧,毕竟现在好多手机党、低头族,话说手机确实方便了我们的生活太多太多了,但是过度沉迷手机的话,对人的精神和身体都会带来负面影响,还是得适度。

在我08年刚上大学的时候,那会最火的手机是诺基亚。大一那年我用着国产的手机,十分眼馋舍友的诺基亚塞班系统手机——竟然能安装手机QQ、可以随时随地聊天,那个羡慕啊!

后来苹果手机横空出世,简直颠覆了全世界对手机的认知。

后面的事情大家都了解了,iPhone4、iphone5、iphone6/7/8/9啥的,一代比一代先进。

安卓阵营这块,以小米手机为例,最开始的小米手机(小米1)一直到现在的米12,也是越来越精彩。

事务的发展,总是从初级到高级,从简单到复杂,HTML也不外乎如此。

2. 任务目标

  • 简单了解HTML的发展历史。
  • 了解网页类型声明的含义。

3. 相关知识点

3.1 HTML发展情况

HTML第1版诞生于1993年,从HTML1一直到1999年的HTML4,一直是稳步发展的。

2000年的时候,发布了一个新的版本,被称作XHTML。大家也都了解X/Plus等词经常代表更厉害的意思,XHTML是一个更严谨规范的HTML版本,但是实际上也没有特别广发的应用,大家了解即可。

接下来就是最出名的HTML5了,我说一个它的简称H5,是不是感觉很熟悉,H5其实就是HTML第5版本的意思。

目前主流的标准就是HTML5了,大家都知道买手机最新型号的还是香喷喷啊,所以学习HTML,咱们也是直接上手HTML5啦。

3.2 如何编写HTML5网页

目前来说,现在新开发的网页,基本都是使用的HTML5的语言规范。

但是由于历史原因,还有一部分网页是HTML4的。

好的,那么如何区分一个网页是HTML4还是HTML5的呢?我们写网页的时候,如何标记一下,让别人一看就指导咱写的是HTML5呢。

这就可以通过网页类型声明来解决,网页类型声明的意思,就是声明当前网页采用了何种类型的HTML版本。

常用的网页类型声明有3种,第1种是HTML4的:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

第2种是XHTML的:

<!DOCTYPE html  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

第3种是HTML5的:

<!DOCTYPE html>

大家不要被上面复杂的代码吓到哈,我们只需要记住HTML5的声明就OK了,毕竟现在我们写网页直接用HTML5就OK。

其实,编写网页类型声明的意义,不止在于让别的程序知道我们的版本规范,更重要的是告诉浏览器我们使用的版本,以便于浏览器更好的解析我们开发的网页。

4. 任务实操

现在就通过上面学到的知识,正儿八经编写一个HTML5网页吧。

通过添加HTML5的类型声明,别人在看到咱们写的网页的时候,第一印象就是——嗯,挺专业的!

好的,一个完整的网页代码如下:

<!DOCTYPE html>
<html>

<head>
    <title>网页类型声明实例</title>
    <meta charset="utf-8">
</head>

<body>
    你好,这是一个标准网页
</body>

</html>

5. 任务小结

其实对于大多数浏览器来说,不添加网页类型声明,照样正常运行。

但是咱们作为程序员,还是要尽量按照规范来写代码,写最规范最通用的代码,而不是满足于能用就行。

要有点追求的还是!