html5新增知识点.pdf
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
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开发的标准组成部分。
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![thumb](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/release/download_crawler_static/47885893/bg1.jpg)
![](https://csdnimg.cn/release/download_crawler_static/47885893/bg2.jpg)
![](https://csdnimg.cn/release/download_crawler_static/47885893/bg3.jpg)
剩余10页未读,继续阅读
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 1
- 资源: 9万+
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)