认识脊椎骨

核心提示成长是一辈子的事儿!大家好!我是时问新。分享前端、Python等技术,以及个人成长路上的那些事儿。在vscode中输入英文的感叹号,然后按tab键,就可以生成一个html5页面的骨架。HTML5骨架我们看到HTML5的骨架,第一行是网页文件

长大是一辈子的事!大家好!我是最新的。分享一下前端,Python等技术,还有个人成长路上的那些事。

在vscode中输入英文感叹号,然后按tab键生成一个html5页面的骨架。

HTML5框架

我们看到HTML5的骨架,第一行是网页文件的文档类型声明。意味着这个文件是一个html文件。

接下来是一对html标记,以开始,以结束。在html标签对中,有两部分:第一部分是head标签对,相当于web文档的头部,第二部分是body标签对,相当于web文档的主体。

标签对中的内容是配置网页。上图中,标签里有三个标签,说明这个网页配置了三样东西。用户看不到标签的这一部分。

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年,总部位于美国。英文全称是Word Wide Web Consortium,翻译过来就是万维网联盟,是万维网的主要国际标准组织。万维网就是我们现在所在的位置。

W3C负责制定web标准,主要是HTML和css标准。至于前端的另一项核心技术Javascript,其标准由另一个组织ECMA制定。

标签对

网页的所有HTML代码都是用标签对编写的。标签有一个名为lang的属性,它是英语单词language的前几个字母,意思是语言。lang的值是“en”,表示网页的语言是英语。如果写成lang = "zh ",说明网页的语言是中文。

和标签对。

标签里面,就是标签。

而标签对是包在标签对里面的,所以最好是缩进。只要是这种层次关系一层一层包裹的标签对,最好缩进,这样代码看起来清晰易读。

如何缩进代码?选择要缩进的代码,或将光标停在要缩进的代码行之前,然后按tab键。

提示:标签对不是网页的头部,而是网页的配置。我们在浏览器中能看到的网页的页眉、主体内容、页脚都是写在标签中的。

感谢阅读!总结知识不容易,请给个赞或者转发鼓励一下!关注我,一个基本功扎实的前端工程师。

 
友情链接
鄂ICP备19019357号-22