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