作为一个2021年开始写前端的程序媛,是幸运的,也是不幸的。
犹记得当年第一次学习html,只需新建一个index.html文档,然后在编辑器内输入【!+回车】,就出现了一串神秘的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
随后开始学习html根结点,学习head,学习body......
对于这串代码最上方的doctype,一直视而不见。
这是21年开始接触前端的幸运之处,我们对doctype的了解,只需这短短一行代码足矣。
感谢w3c,感谢html5,感谢曾经的浏览器大战,没有毁灭,就没有新生。
doctype的作用是告诉浏览器使用的HTML版本,类似于EcmaScript曲折的历史,HTML的过去也并非一帆风顺。
- 1989年,HTML1.0诞生
- 1991年,HTML2.0诞生
- 1995年,HTML3诞生
- 1998年,HTML4诞生,此时浏览器大战结束,W3C决定创建一个唯一的HTML标准
- 1999年,HTML4.01诞生
- 2001年,XHTML1.0诞生,但不咋好用
- 2012年,HTML5诞生
(以上时间只是大概,一个标准从起草到标准的最终确定,是一个漫长的过程,凝结了很多人的时间和心血,并非是一年内完成的)
曾经的doctype长这样(也不需要过多关注,大概看一眼就行,我觉得已经可以当作历史文物摆放在web博物馆了):
随着HTML5的到来,doctype得到了极大的简化,不需要制定特定的版本号或语言,也不用指向某个标准。它的含义是,它会根据需要继续发展和变化,而不固定于某个版本号。