补充：

1. <progress value="50"> 进度指示元素

2. 上下标 <sub> <sup>

3. 空格: &nbsp; 左尖括号: &lt; 右尖括号: &gt; 引号: &quot; 版权: &copy;

4. 图片与文字共处一行时,可以使用 img 的 align 属性调整对其方式

5. href与src的区别:

href表示超文本引用, 表示内容与页面相关联, 在a, link 等标签上使用, src表示来源地址, 其内容要放置在页面中, 在img, script, iframe 等标签上使用

---

Form

1. input

<input type="text | password | radio | checkbox | submit | reset | file ">
文本，密码，单选，复选框，提交按钮, 重置按钮，文件域
<input type="range | email | url | date | time | number | search | color | tel">
范围 邮件 url 日期 时间 数字 搜索 颜色 电话号码

<!-- 其中, 多个单选框多选一时, 需要使他们的name值一致 -->

2. 表单常见属性

checked
disabled
/* H5 新增属性 */
required 输入不能为空
readonly 只读
placeholder 输入框默认提示信息
autofocus 自动获取焦点
autocomplete 保存浏览器之前输入的值（搜索记录）
multiple 提交多个文件

---

Media

1. 常见标签

Video：

<video src="./1.mp4" controls autoplay muted loop 
-   poster="./img.jpg"
    disablePictureInPicture   
    controlslist="
        noplaybackrate
        nodownload
        nofullscreen
        noremoteplayback"
></video>
       
<!-- disablePictureInPicture 禁止画中画 -->
<!-- poster：指定视频还没有完全下载完毕，或者用户还没有点击播放前显示的封面。
        默认显示当前视频文件的第一针画面，当然通过poster也可以自己指定 -->
<!-- 设置controlslist, 可以禁止倍速播放, 禁止下载, 禁止全屏, 禁止远程回放 -->

2. 方法属性事件

3. 媒体源拓展（MSE）

---

Meta

<!-- 指定时间后，页面重定向 -->
<meta http-equiv="Refresh" content="5;url= " />

---

Link

<!-- 资源预加载 -->
<link rel="preload" href="路径">

---

Web 存储

1. sessionStorage

会话存储：生命周期为当前浏览器窗口

sessionStorage.setItem(key, value);
sessionStorage.getItem(key);
sessionStorage.removeItem(key);
sessionStorage.clear();

2. localStorage

本地存储：生命周期永久，除非手动删除， 用法与上诉类似