本文介绍了HTML5文档类型声明的重要性和作用，解释了<!DOCTYPE html>的含义，以及HTML5页面的基本骨架结构，包括<head>和<body>标签的作用。此外，还提及了W3C组织在制定web标准中的角色，以及如何在VSCode中通过快捷键生成HTML5页面模板。文章强调了个人成长和前端技术学习的重要性。
成长是一辈子的事儿！大家好！我是时问新(前几天改了名字，现在觉得还是用时问新这个名字更好点)。分享前端、Python等技术，以及个人成长路上的那些事儿。
在vscode中输入英文的感叹号，然后按tab键，就可以生成一个html5页面的骨架。
HTML5骨架
我们看到HTML5的骨架，第一行是网页文件的文档类型声明。意思就是这个文件是个html文件。
接下来就是一对html标签，以开头，以结尾。在html标签对儿里面，又分两部分：第一部分是head标签对儿，这相当于是网页文件的脑袋、头，第二部分是body标签对儿，这相当于是网页文件的身体。
在
标签对儿里面的东西，是对网页进行配置。上图中，标签中有3个标签，就代表给这个网页配置了3件事儿。标签对儿这一部分，用户是看不到的。在body标签对儿里面的东西，才是用户真正能在浏览器中看到的网页的主要内容。
文档类型声明DTD
HTML文件的代码第一行，必须是DTD，英文全称是Document Type Definition，翻译过来就是文档类型声明。
这行代码就是文档类型声明。感叹号表示很重要，有警示的意思，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代码都是写在标签对儿里面。标签有个属性，叫lang，lang就是英文单词language的头几个字母，就是语言的意思，lang的值为“en”表示网页的语言是英文，如果是写lang=“zh”，表示网页的语言是中文。
标签对儿里面，就是
和标签对儿。
代码如何缩进呢？选中要缩进的代码，或者把光标停在要缩进的代码行之前，按tab键即可。
小提示：
标签对儿并不是网页的头部，而是网页的配置。我们能在浏览器中看到的网页的头部、主要内容、脚部都是写在标签里面的。感谢阅读！知识总结不易，请点个赞或转发鼓励一下呗！关注我，从零基础入门基本功扎实的前端工程师。
举报/反馈
扫一扫
773
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
