diff --git "a/\351\202\223\351\233\250\346\271\230/20240923-HTML5\350\247\243\346\236\220.md" "b/\351\202\223\351\233\250\346\271\230/20240923-HTML5\350\247\243\346\236\220.md"
new file mode 100644
index 0000000000000000000000000000000000000000..9762550aac3967c34b6cba1b6448976739241193
--- /dev/null
+++ "b/\351\202\223\351\233\250\346\271\230/20240923-HTML5\350\247\243\346\236\220.md"
@@ -0,0 +1,39 @@
+## 拖拽
+`draggable="true"`
+### 拖拽元素
+ondragstart当拖拽开始时调用
+ondragleave当鼠标离开拖拽元素时调用
+ondragend当拖拽结束时调用
+ondrag整个拖拽过程都会调用
+## 历史
+界面上的所有JS操作不会被浏览器记住，就无法回到之前的状态。
+
+`window.history`对象可以让我们管理历史记录，可用于单页面应用，Single Page Application，可以无刷新改变网页内容。
+
+- window.history.forward(); // 前进
+
+- window.history.back(); // 后退
+
+- window.history.go(); // 刷新
+
+- window.history.go(n); //n=1 表示前进；n=-1 后退；n=0s 刷新。如果移动的位置超出了访问历史的边界，会静默失败，但不会报错。
+
+- 通过JS可以加入一个访问状态
+
+- history.pushState; //放入历史中的状态数据, 设置title(现在浏览器不支持改变历史状态)
+## 地理位置
+navigator.getCurrentPosition(successCallback, errorCallback, options) 获取当前地理信息
+position.coords.latitude纬度
+position.coords.longitude经度
+
+## Web存储
+### 存储的方式
+1、**`window.sessionStorage` 会话存储：**
+
+2、**`window.localStorage` 本地存储**：
+### 特性
+（1）设置、读取方便。
+
+（2）容量较大
+
+（3）只能存储字符串
\ No newline at end of file