HTML_现代前端必备知识

在VSCode中从一个空的.html文件中输入html:5或者！按tab构建默认生成的.html基本框架代码Speakingof第一行：幸运的是，现在我们只需要这样一个自闭合标签来告诉浏览器，请使用html5标准来解析下面的代码从第二行开始，我们需要用到前端相关的知识。下面将知识分为四个部分：普通标签、自闭标签、标签属性、标签内容、普通标签，HTML中的普通标签是abc形式的块结构，其中是开标签，简称是闭标签。普通标签是自闭标签，可以嵌套其他标签在最新的W3C标准中，不再推荐使用的形式来表示自闭标签。使用可以具体表示为，一个标签只有一个开始标签，没有匹配的结束标签，那么这个标签就称为自闭标签，即自闭标签。自闭合标签是标签的一种属性，不能与其他标签嵌套。下面的代表一个普通标签的开始标签和自闭标签。两者在属性表达上没有区别形状像，其中a和b是标签的属性，匹配的a1和b1是属性值对应属性。注意属性值是用""或''括起来的，如果没有用""或''括起来，也会被转成字符串。标签不一样，对应的属性也不一样。比如img标签有src属性，即，而input有value属性等，即所有标签都有的属性都是通用属性，如：class，id，style等，即标签的内容注意根据普通标签和自闭标签的区别，标签的内容也不同，比如abc，开始标签和结束标签之间的内容为标签的内容，即本例中的abc。如果是自闭标签，则内容体现在其相关属性中。比如input标签的内容体现在属性值中，即那么现在看文章头部的代码：从第二行开始可以分析如下：一个普通的html标签，其属性lang的属性值为en，这个html标签包裹了head和body两个普通标签，普通body标签内容为空，属性也为空；而head普通标签属性为空，但是内容被3个meta自闭标签和1个title普通标签包裹，3个meta自闭标签各有自己的属性值，title普通标签没有属性，内容为“我是标题”介绍四种常用标签（HTML5标准中有上百种标签）div块标签，主要负责包装功能，形式如下：```