html5新增知识点.pdf

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开发的标准组成部分。