HTML5是Web开发领域的一次重大升级，引入了许多新的特性和功能，极大地丰富了网页的交互性和用户体验。以下是一些HTML5新增的关键知识点：
1. **新增标签**：
- `audio`：用于嵌入音频内容，支持多种音频格式。
- `video`：用于嵌入视频内容，支持多种视频格式。
- `canvas`：提供了一个图形绘制区域，通过JavaScript进行动态图像的绘制。
- `<summary>`：通常与`<details>`配合使用，用于创建可折叠的细节块，提高用户体验。
- `<source>`：在`audio`或`video`元素中指定多个源文件，浏览器可以根据支持的格式自动选择。
2. **客户端存储**：
- `localStorage`：用于持久化存储数据，数据在浏览器关闭后仍然保留，无时间限制。
- `sessionStorage`：类似`localStorage`，但数据只在当前会话中有效，浏览器关闭后数据将被清除。
3. **新的Input类型**：
- `email`：用于输入电子邮件地址，提供基本的验证。
- `url`：用于输入URL，也有验证功能。
- `number`：仅接受数字输入，可设置范围。
- `range`：创建滑动条，用于选择数值。
- `date`, `month`, `week`, `time`, `datetime`, `datetime-local`：提供日期和时间选择器。
- `search`：用于搜索框，通常与清除按钮配合使用。
- `color`：创建颜色选择器。
4. **新的表单元素**：
- `datalist`：为输入字段提供预定义的选项列表。
- `keygen`：用于生成加密密钥，常用于表单认证。
- `output`：用于显示计算或验证结果。
5. **新的表单属性**：
- `autocomplete`：控制输入字段的自动完成。
- `novalidate`：阻止表单的默认验证。
- `form`：让非表单内的元素关联到特定的表单。
- `formaction`, `formenctype`, `formmethod`, `formnovalidate`, `formtarget`：这些属性允许对表单提交的行为进行更细粒度的控制。
6. **HTML5标准属性**：
- `contenteditable`：使元素的内容可编辑。
- `contextmenu`：自定义右键点击的上下文菜单。
- `draggable`：使元素可拖放。
- `hidden`：隐藏元素，不显示在页面上。
- `itemprop`, `itemid`, `itemref`, `itemscope`, `itemtype`：用于实现微数据，增强搜索引擎理解和结构化数据的呈现。
- `spellcheck`：控制拼写和语法检查。
- `style`：内联样式，与CSS类似。
- `tabindex`：设置元素的tab键顺序。
- `title`：提供元素的额外信息，通常作为鼠标悬停提示。
7. **HTML5事件属性**：
- `onafterprint`, `onbeforeprint`：在打印前后触发的事件。
- `onbeforeunload`, `onunload`：在页面卸载前后的事件。
- `onerror`：处理脚本或资源加载失败。
- `onfocus`, `onblur`：元素获取或失去焦点时触发。
- `onstorage`：当Web Storage区域（如localStorage或sessionStorage）发生改变时触发。
- `onresize`：元素尺寸变化时触发。
- `oninput`：用户在输入字段中输入时触发。
- `onchange`：表单元素值改变时触发。
以上就是HTML5的一些主要新增知识点，它们显著提升了Web开发的效率和用户体验，同时也为开发者提供了更多的控制和创造性的可能性。随着HTML5的普及，这些特性已成为现代Web开发的标准组成部分。
