Rewrite DnD guides

files/en-us/_redirects.txt

@@ -3374,7 +3374,7 @@
 /en-US/docs/DragDrop/DataTransfer	/en-US/docs/Web/API/DataTransfer
 /en-US/docs/DragDrop/Drag_Operations	/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations
 /en-US/docs/DragDrop/Drag_and_Drop	/en-US/docs/Web/API/HTML_Drag_and_Drop_API
-/en-US/docs/DragDrop/Recommended_Drag_Types	/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types
+/en-US/docs/DragDrop/Recommended_Drag_Types	/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store
 /en-US/docs/Drawing_Graphics_with_Canvas	/en-US/docs/Web/API/Canvas_API/Tutorial
 /en-US/docs/Drawing_text_using_a_canvas	/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text
 /en-US/docs/ECMA-262	/en-US/docs/Web/JavaScript/Reference/JavaScript_technologies_overview
@@ -9119,6 +9119,7 @@
 /en-US/docs/Web/API/HTMLVideoElement/onleavepictureinpicture	/en-US/docs/Web/API/HTMLVideoElement/leavepictureinpicture_event
 /en-US/docs/Web/API/HTMLVideoElement/requestPictureInPicture()	/en-US/docs/Web/API/HTMLVideoElement/requestPictureInPicture
 /en-US/docs/Web/API/HTML_DOM	/en-US/docs/Web/API/HTML_DOM_API
+/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types	/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store
 /en-US/docs/Web/API/HashChangeEvent/HashChangeEvent.oldURL	/en-US/docs/Web/API/HashChangeEvent/oldURL
 /en-US/docs/Web/API/Headers/getAll	/en-US/docs/Web/API/Headers/get
 /en-US/docs/Web/API/History.length	/en-US/docs/Web/API/History/length
@@ -12991,7 +12992,7 @@
 /en-US/docs/Web/Guide/HTML/Inline_event_handler	/en-US/docs/Learn_web_development/Core/Scripting/Events#Inline_event_handlers_—_don't_use_these
 /en-US/docs/Web/Guide/HTML/Introduction	/en-US/docs/Learn_web_development/Core/Structuring_content
 /en-US/docs/Web/Guide/HTML/Obsolete_things_to_avoid	/en-US/docs/Learn_web_development/Core/Structuring_content
-/en-US/docs/Web/Guide/HTML/Recommended_Drag_Types	/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types
+/en-US/docs/Web/Guide/HTML/Recommended_Drag_Types	/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store
 /en-US/docs/Web/Guide/HTML/The_Importance_of_Correct_HTML_Commenting	/en-US/docs/Learn_web_development/Core/Structuring_content/Basic_HTML_syntax#HTML_comments
 /en-US/docs/Web/Guide/HTML/Tips_for_authoring_fast-loading_HTML_pages	/en-US/docs/Web/HTML/How_to/Author_fast-loading_HTML_pages
 /en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video	/en-US/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio

files/en-us/_wikihistory.json

@@ -41103,6 +41103,24 @@
       "Enn"
     ]
   },
+  "Web/API/HTML_Drag_and_Drop_API/Drag_data_store": {
+    "modified": "2020-06-02T06:32:13.194Z",
+    "contributors": [
+      "Tigt",
+      "SphinxKnight",
+      "chrisdavidmills",
+      "w3l",
+      "AFBarstow",
+      "idmean",
+      "Neil",
+      "teoli",
+      "Sheppy",
+      "Mgalli",
+      "DaveG",
+      "Piro",
+      "Enn"
+    ]
+  },
   "Web/API/HTML_Drag_and_Drop_API/Drag_operations": {
     "modified": "2020-01-25T13:26:01.457Z",
     "contributors": [
@@ -41154,24 +41172,6 @@
       "AFBarstow"
     ]
   },
-  "Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types": {
-    "modified": "2020-06-02T06:32:13.194Z",
-    "contributors": [
-      "Tigt",
-      "SphinxKnight",
-      "chrisdavidmills",
-      "w3l",
-      "AFBarstow",
-      "idmean",
-      "Neil",
-      "teoli",
-      "Sheppy",
-      "Mgalli",
-      "DaveG",
-      "Piro",
-      "Enn"
-    ]
-  },
   "Web/API/HTML_Sanitizer_API": {
     "modified": "2020-12-13T12:18:13.088Z",
     "contributors": ["Rumyra"]

files/en-us/web/api/datatransfer/addelement/index.md

@@ -57,4 +57,4 @@ This method is not defined in any Web standard.
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransfer/cleardata/index.md

@@ -179,4 +179,4 @@ function dropHandler(event) {
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransfer/dropeffect/index.md

@@ -137,4 +137,4 @@ target.addEventListener("dragover", (ev) => {
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransfer/effectallowed/index.md

@@ -154,4 +154,4 @@ reset.addEventListener("click", () => document.location.reload());
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransfer/files/index.md

@@ -13,7 +13,7 @@ The **`files`** read-only property of [`DataTransfer`](/en-US/docs/Web/API/DataT
 This feature can be used to drag files from a user's desktop to the browser.
 
 > [!NOTE]
-> The `files` property of [`DataTransfer`](/en-US/docs/Web/API/DataTransfer) objects can only be accessed from within the {{domxref("HTMLElement/drop_event", "drop")}} and {{domxref("Element/paste_event", "paste")}} events. For all other events, the `files` property will be empty — because its underlying data store will be in a [protected mode](https://html.spec.whatwg.org/multipage/dnd.html#the-drag-data-store).
+> The `files` property of [`DataTransfer`](/en-US/docs/Web/API/DataTransfer) objects can only be accessed from within the {{domxref("HTMLElement/drop_event", "drop")}} and {{domxref("Element/paste_event", "paste")}} events. For all other events, the `files` property will be empty — because its underlying data store will be in a [protected mode](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store#protected_mode).
 
 ## Value
 

files/en-us/web/api/datatransfer/getdata/index.md

@@ -106,4 +106,4 @@ function drop(dropEvent) {
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransfer/index.md

@@ -179,4 +179,4 @@ form.addEventListener("reset", () => {
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransfer/items/index.md

@@ -107,4 +107,4 @@ reset.addEventListener("click", () => document.location.reload());
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransfer/setdata/index.md

@@ -132,4 +132,4 @@ reset.addEventListener("click", () => document.location.reload());
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransfer/setdragimage/index.md

@@ -119,4 +119,4 @@ target.addEventListener("drop", (ev) => {
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransfer/types/index.md

@@ -103,4 +103,4 @@ target.addEventListener("dragover", (ev) => {
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/datatransferitem/kind/index.md

@@ -58,4 +58,4 @@ function dropHandler(ev) {
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)

files/en-us/web/api/dragevent/index.md

@@ -58,4 +58,4 @@ An Example of each property, constructor, event type and global event handlers i
 
 - [Drag and drop](/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
 - [Drag Operations](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations)
-- [Recommended Drag Types](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
+- [Working with the drag data store](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_data_store)