HTML5 新特性有哪些？

HTML5 新特性，你知道几个？

1. 语义化标签：HTML5引入了一系列语义化标签，比如
   代表网页的头部，就像是一本书的封面和目录部分，包含网站标志、导航栏等重要信息；

   用于导航链接，是网页的“交通指示牌”，方便用户快速找到不同页面；

   表示独立的文章内容，每一篇新闻报道、博客文章都可以放在这里；

   用来划分页面的不同区域，像一个商场里不同的楼层分区；

   代表网页底部，一般放版权信息、联系方式等。这些标签让网页结构更清晰，不仅方便开发者理解和维护代码，搜索引擎也能更好地识别网页内容，从而提升网站在搜索结果中的排名 。
2. 多媒体元素：在HTML5之前，在网页上嵌入音频和视频很麻烦，常需要借助第三方插件。HTML5新增的和元素解决了这个问题。专门用于在网页中嵌入音频，比如背景音乐、有声读物等，通过设置src属性指定音频文件的路径，还可以使用controls属性添加播放、暂停、音量调节等控制按钮。用于嵌入视频，像在线视频网站播放的视频，同样设置src属性指定视频源，width和height属性设置视频大小，controls属性添加播放控件，并且支持多种视频格式。
3. 本地存储：HTML5的本地存储功能分为localStorage和sessionStorage。localStorage就像是你在浏览器里的一个私人小仓库，可以长期保存数据。比如你在一个购物网站添加了商品到收藏夹，即使关闭浏览器再打开，收藏的商品还在，这就是localStorage在起作用。它存储的数据没有过期时间，除非主动删除 。sessionStorage则是一个临时小盒子，只在当前会话（也就是打开浏览器访问网站，到关闭这个浏览器标签页的过程）中保存数据。例如，你在填写一个多步骤的表单，中途刷新页面数据不会丢失，但关闭标签页再打开，之前填写的数据就没了，这是因为数据保存在sessionStorage中 。
4. 绘图功能（canvas）：元素是HTML5提供的一个强大绘图工具，它就像在网页上开辟了一块空白画布。通过JavaScript代码，你可以在这块画布上绘制各种图形，比如线条、圆形、矩形，还能进行图像合成、动画制作。像一些在线绘图工具、小游戏，就是利用实现的。
5. 表单增强：HTML5为表单带来了许多新的输入类型，如date类型，使用户在输入日期时能直接弹出日期选择器，不用手动输入；email类型会自动验证输入的内容是否符合邮箱格式；tel类型专门用于输入电话号码。这些新类型不仅让用户输入更方便，还能在前端进行更有效的数据验证，减轻服务器的验证负担。