说一下 HTML5 drag API

说一下 HTML5 drag API

dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。
darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。
dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。
dragover：事件主体是目标元素，在被拖放在某元素内移动时触发。
dragleave：事件主体是目标元素，在被拖放元素移出目标元素是触发。
drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发。
dragend：事件主体是被拖放元素，在整个拖放操作结束时触发。

HTML5 的新特性：

1. 语义化标签：引入了一些新的标签，如 <header>、<footer>、<nav>、<section> 等，更好地描述网页结构和内容。

2. 表单增强：提供了新的表单输入类型，如日期选择器、邮箱验证、数字输入等。还引入了表单验证、表单自动完成功能等增强。

3. 视频和音频支持：支持使用 <video> 和 <audio> 标签嵌入视频和音频内容，同时提供了控制和自定义媒体播放的 API。

4. Canvas 绘图：引入了 <canvas> 标签和相应的 API，可以使用 JavaScript 在网页上绘制图形、动画和游戏。

5. 本地存储：提供了 Web Storage 和 IndexedDB API，可以在客户端浏览器中存储和访问数据，用于离线应用和缓存。

IndexedDB API相当于h5前端数据库可以存储数据：https://blog.csdn.net/qq_41581588/article/details/124744083