2021-03-22 22:14:59
成长是一辈子的事儿！大家好！我是时问新(前几天改了名字，现在觉得还是用时问新这个名字更好点)。分享前端、Python等技术，以及个人成长路上的那些事儿。
在vscode中输入英文的感叹号，然后按tab键，就可以生成一个html5页面的骨架。
HTML5骨架
我们看到HTML5的骨架，第一行
<!DOCTYPE html>
是网页文件的文档类型声明。意思就是这个文件是个html文件。
接下来就是一对html标签，以<html>开头，以</html>结尾。在html标签对儿里面，又分两部分：第一部分是head标签对儿，这相当于是网页文件的脑袋、头，第二部分是body标签对儿，这相当于是网页文件的身体。
在
<head>标签对儿里面的东西，是对网页进行配置
。上图中，<head>标签中有3个标签，就代表给这个网页配置了3件事儿。<head>标签对儿这一部分，用户是看不到的。
在body标签对儿里面的东西，才是用户真正能在浏览器中看到的网页的主要内容。
文档类型声明DTD
HTML文件的代码第一行，必须是DTD，英文全称是Document Type Definition，翻译过来就是文档类型声明。
<!DOCTYPE html>这行代码就是文档类型声明。感叹号表示很重要，有警示的意思，DOCTYPE就是文档类型，后面跟着的html就是说，这个文件的类型是HTML文档。
如果不写DTD，就会引发浏览器的兼容问题
不同版本的HTML有不同的DTD写法。HTML5就是HTML的第五个版本，也是现在最新最流行的HTML版本。
有HTML5，就有HTML4，前几年最主流最流行的是HTML4，至于更早的版本，就不多说了，已经过时了。
从上图中可以看到，HTML4.01还分严格版和过渡版等，它们的DTD写法就比较麻烦。好在现在HTML5已经一统天下，所以
不用背前面版本那些复杂的DTD
在这里提这个东西，是为了让大家了解DTD是干什么的，以及它的发展历史。
W3C组织
HTML的这些不同版本都是W3C组织制定的。W3C组织成立于1994年，总部在美国。英文全称是The Word Wide Web Consortium，翻译过来就是万维网联合会，是万维网的主要国际标准组织。万维网就是我们现在上的网。
W3C负责制定web标准，主要是HTML和css的标准。至于前端的另一个核心技术JavaScript语言，它的标准是由另外一个组织
ECMA
制定的。
<html>标签对儿
网页的所有HTML代码都是写在<html>标签对儿里面。<html>标签有个属性，叫lang，lang就是英文单词language的头几个字母，就是语言的意思，lang的值为“en”表示网页的语言是英文，如果是写lang=“zh”，表示网页的语言是中文。
<head>和<body>标签对儿
<html>标签对儿里面，就是<head>和<body>标签对儿。
<head>和<body>标签对儿因为是包裹在<html>标签对儿里面的，所以最好是缩进一下。只要是这种一层一层包裹的层级关系的标签对儿，最好都缩进一下，这样的代码看起来层级关系清晰，有利于阅读。
代码如何缩进呢？
选中要缩进的代码，或者把光标停在要缩进的代码行之前，按tab键即可。
小提示：
<head>标签对儿并不是网页的头部，而是网页的配置
我们能在浏览器中看到的网页的头部、主要内容、脚部都是写在<body>标签里面的。
下一篇：没有了
