一、HTML5 基本结构
（一）文档声明
（二） 根元素
： 是整个网页的“大盒子”，所有网页内容都在它里面。lang 用来写网页的语言，比如 zh - CN 就是中文（中国大陆）。这对搜索引擎和读屏软件有帮助，它们能更好地处理网页。 （三） 头部元素 在 里有一些网页的“幕后信息”，不会直接在网页上显示，但很重要：字符编码声明：，规定网页用 UTF - 8 字符集，这样各种文字都能正确显示。
页面标题：
外部样式表：，用这个把写好的 CSS 样式表连到网页上。如果样式表和 HTML 文件在同一个文件夹，直接写文件名；要是在 css 子文件夹里，就写 href="css/样式文件名.css"。
其他元数据标签：比如 ，name="description" 是网页描述，content 里的话会出现在搜索引擎结果的简介里，能吸引人点进来。
（四） 主体元素
<body> 是网页上能看到的部分，像文字、图片、链接、表单、视频、音频这些都放在这里。比如： <body><h1>这是个一级标题</h1><p>这是段文字</p><img src="图片路径.jpg" alt="图片说明"> </body>是标题，
是段落， 放图片，src 写图片位置，alt 是图片看不到时显示的说明。
二、链接外部资源
（一）链接外部样式文件
用 连外部 CSS 样式表。
媒体查询：可以根据屏幕大小用不同样式表。比如：
意思是屏幕宽度小于等于 600 像素时，用 小屏幕样式.css；大于 600 像素，用 大屏幕样式.css。
预加载样式表：想让网页加载快点，可以先把样式表预加载。像这样：
rel="preload" 让浏览器提前去拿样式表，as="style" 说明这是样式表资源，等要用的时候说不定就已经下好了。
（二）链接外部 js 脚本
用
这段文字得等脚本.js 加载执行完才显示
- 异步加载：加
async属性，<script async src="脚本.js"></script>，脚本加载不影响网页解析显示，加载完马上执行。 - 延迟加载：加
defer属性，<script defer src="脚本.js"></script>，网页解析完后，按脚本在文档里的顺序执行，适合网页加载完后做初始化的脚本。
模块化脚本：在 HTML5 里，可以用 ES6 模块整理 JavaScript 代码。在
就是从 模块.js 里把 函数名 这个函数拿过来用，./ 表示当前文件夹，这样能更好管理和重复用代码。