明天我们将学习HTML的基本格式。
H1 标签定义文档的标题。 即使在浏览器中显示出预期的疗效,也不是标准的html文档。 明天我们将定义一个标准的 html 文档。
这就是html文档的基本格式,我们来深入探讨一下
这个标签会告诉浏览器上面写的是HTML5规范的句型,浏览器就会按照HTML5句型规范进行解析
包裹整个页面的所有内容,有时称为根元素。
它是所有后面元素的容器,描述文档的各种属性和信息,例如文档的标题、文档引用的样式表和JS脚本文件、页面元信息等。包含的大部分数据在文档的肚子里并不会真正作为内容显示给查看者。
将文档应该使用的字符集设置为UTF-8,它包含了大部分书面语言的字符,基本上可以处理页面上放置的任何文本内容,可以帮助您解决乱码页面的问题。
设置页面的标题,即浏览器选项卡中出现的内容,描述了该页面被添加书签或添加书签时的标题
它包含了页面上显示的所有内容,如文字、图片、视频、游戏、可播放的音乐等。
通常,一个标准的html文档应该使用这个基本格式
回到编辑器,我们创建一个名为base.html的文件,我们快速编译出基本的HTML格式,在标签中写一个h1并在上面写入一些内容,浏览器中打开的页面就会正常显示,并且每个页面会写这么多东西,麻烦我们有vscode。
要删除所有内容,只需要在页面上打一个感叹号,然后按tab键,基本的HTML格式就手动生成了html5标签页,然后就可以直接在body中编辑网页内容了。
通过观察基本结构html5标签页,发现有的标签有空格,有的标签没有空格。 为什么? 事实上,当标签嵌套时,需要保持固定的缩进。 通常使用两个或四个空格,根据个人习惯和开发团队的规范,为了方便阅读,不建议使用。有些标签是嵌套在一起的,这就是标签结构嵌套
在一个标签中再次写入一个标签,它们之间就会产生这样的环绕关系,另一个环绕的称为子标签,该环绕的就是父标签。
当父标签和子标签嵌套时,子标签作为一个整体比父标签多一组缩进,从而更容易阅读。