HTML5学习笔记

本文是作者本人学习过程中的笔记总结，如若文中又不正确或需要补充的地方，欢迎在评论区中留言。

1. 简介

• HTML5是HTML的第五次重大修改，用于取代HTML4与XHTML的新一代标准版本
• 设计目的：在移动设备上支持多媒体
• 新增特性：语义特性，本地存储特性，设备兼容特性，连接特性，网页多媒体特性，三维、图像及特效特性，性能与集成特性等
• 废弃了一些元素和特性，比如：font、center等

2. 新增语义化标签

• 之前制作网页布局，基本是使用 div 来做。div 就是一个普通的块级标签，对于搜索引擎来说，是没有语义的
• HTML5中新增了一些语义化标签，便于快速建立网页布局

3. 多媒体标签

3.1. 音频标签

（1） 支持的音频格式

（2）语法格式

（3） 常用属性

3.2. 视频标签

（1）支持的视频格式

（2）语法格式

（3） 常用属性

4. 新增表单类型

（1） 已学表单类型

（2） 新增表单类型

5. <datalist> 标签

• 该标签规定了 <input> 元素可能的选项列表
• <datalist> 元素包含了一组 <option> 元素，这些元素表示预定义可选值，在 <input> 元素输入过程中，会自动响应 <option> 元素的值
• 绑定的 <input> 标签必须设置 list 属性，属性值等于 <datalist> 标签的 id 属性值

6. 新增表单属性