持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第27天，点击查看活动详情
前言
大家好呀，我是L同学。在上篇文章react项目配置路径别名中，我们学习了如何在react项目中配置路径别名、配置@别名路径提示、路由鉴权等相关知识点。今天，在这篇文章中，我们将学习html相关知识点，包括html结构、html元素、head元素、body元素等相关知识点。
html结构
一个完整的HTML结构包括文档声明和html元素。html元素包括head元素和body元素。
HTML最上方的一段文本我们称之为 文档类型声明，用于声明文档类型。
<!DOCTYPE html>是HTML文档声明，告诉浏览器当前页面是HTML5页面，让浏览器用HTML5的标准去解析识别内容，必须放在HTML文档的最前面，不能省略，省略了会出现兼容性问题。HTML5的文档声明比HTML 4.01、XHTML 1.0简洁得多。
html元素
元素 表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。W3C标准建议为html元素增加一个lang属性，作用是帮助语音合成工具确定要使用的发音和帮助翻译工具确定要使用的翻译规则。比如常用的规则有：lang=“en”表示这个HTML文档的语言是英文；lang=“zh-CN”表示这个HTML文档的语言是中文。
head元素
HTML head 元素 规定文档相关的配置信息（也称之为元数据），包括文档的标题，引用的文档样式和脚本等。元数据（meta data），是描述数据的数据。我们可以理解成对整个页面的配置。常见的设置有哪些呢？一般会至少包含如下2个设置： - 网页的标题：title元素
- 网页的编码：meta元素。可以用于设置网页的字符编码，让浏览器更精准地显示每一个文字，不设置或者设置错误会导致乱码。一般都使用utf-8编码，涵盖了世界上几乎所有的文字。
body元素
body元素里面的内容将是你在浏览器窗口中看到的东西，也就是网页的具体内容和结构。在body中我们可以编写大部分HTML元素。
