这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
src和href
src：
- 引用外部资源
- 暂停其他资源下载
- 替换元素本身内容
href：
- 表示超链接
- 不会暂停其他资源下载
- 不会替换元素本身内容（附庸资源）
思想上：
- src属于网站的一部分，没有会对网站使用造成影响。
- href属于网站附庸资源，没有不会对网站的核心逻辑和结构造成影响
datalist
包含了一组 <option>元素，这些元素表示其它表单控件可选值。
<label for="ice-cream-choice">Choose a flavor:</label>
// 指定input可选值的list
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice">
<datalist id="ice-cream-flavors">
<option value="Chocolate">
<option value="Coconut">
<option value="Mint">
<option value="Strawberry">
<option value="Vanilla">
</datalist>
引用相关
<blockquote>: 块级引用标签，cite属性设置原内容的出处 URL 地址，若要以文本形式告知，则使用<cite>元素。
<cite>元素通常表示对作品的引用。
<q>元素引用短的行内引用的文本，不要引入换行符。
<code>引用代码，若引用多行代码可以使用
<pre><code>
const add = (a,b) => a + b;
const multiply = (a,b) => a * b;
</code></pre>
<em> <i> <strong>
<em>:表示用户需要着重阅读的内容，可嵌套，嵌套层次越深，表示包含的内容越重要。 使用<cite> 元素标记作品的标题（书籍，戏剧，歌曲等）；它通常也采用斜体样式，但具有不同的含义。
<i>： 表示从正常散文中区分出的文本，例如外来词，虚构人物的思想，或者当文本指的是一个词语的定义，而不是其语义含义。
通常，与会被浏览器展示为斜体文本，但是，它们不应该仅仅用于应用斜体样式；若为此目的，使用 CSS 样式即可。它们都不是以装饰为目的，而是有着各自的使用场景。
<strong> ：标记比周围文本更重要的文本。
标签语义化
传达内容，而不是样式
HTML中的元素、属性及属性值都拥有某些含义，开发时应该遵循语义编写，让合适的标签干合适的事情。
- 搜索引擎 - 提取关键字、排序，有利于SEO，爬虫解析
- 浏览器 - 展示页面
- 开发者 - 提高代码可读性，利于修改、维护页面
- 屏幕阅读者 - 增强无障碍性，设备解析，盲人阅读
常见场景：
- 有序列表用
<ol>，无序列表用<ul> lang属性表示内容所使用的语言，浏览器的自动翻译功能，需要浏览器去猜测当前内容使用的语言，可能会存在不准确的情况，适当的使用lang属性，可以提高浏览器自动翻译的准确率。
<p lang="en-GB">This paragraph is defined as British English.</p>
<p lang="fr">Ce paragraphe est défini en français.</p>
- ……
