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. 任务小结
其实对于大多数浏览器来说,不添加网页类型声明,照样正常运行。
但是咱们作为程序员,还是要尽量按照规范来写代码,写最规范最通用的代码,而不是满足于能用就行。
要有点追求的还是!