Fix various xref macro calls (#28352)

* Fix various xref macro calls

* Apply suggestions from code review

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Apply suggestions from code review

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

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

@@ -18,7 +18,7 @@ The Console API started as a largely proprietary API, with different browsers im
 - [Google Chrome DevTools implementation](https://developer.chrome.com/docs/devtools/console/api/)
 - [Safari DevTools implementation](https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html)
 
-Usage is very simple — the {{domxref("console")}} object — available via {{domxref("window.console")}}, or {{domxref("WorkerGlobalScope.console")}} in workers; accessible using just `console` — contains many methods that you can call to perform rudimentary debugging tasks, generally focused around logging various values to the browser's [Web Console](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html).
+Usage is very simple — the {{domxref("console")}} object contains many methods that you can call to perform rudimentary debugging tasks, generally focused around logging various values to the browser's [Web Console](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html).
 
 By far the most commonly-used method is {{domxref("console.log")}}, which is used to log the current value contained inside a specific variable.
 

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

@@ -22,7 +22,7 @@ _This interface inherits properties from the {{domxref("WorkerGlobalScope")}} in
 
 - {{domxref("caches", "DedicatedWorkerGlobalScope.caches")}} {{ReadOnlyInline}}
   - : Returns the {{domxref("CacheStorage")}} object associated with the current context. This object enables functionality such as storing assets for offline use, and generating custom responses to requests.
-- {{domxref("WorkerGlobalScope.console", "DedicatedWorkerGlobalScope.console")}} {{ReadOnlyInline}} {{Non-standard_inline}}
+- {{domxref("console", "DedicatedWorkerGlobalScope.console")}} {{ReadOnlyInline}} {{Non-standard_inline}}
   - : Returns the {{domxref("console")}} associated with the worker.
 - {{domxref("WorkerGlobalScope.fonts", "DedicatedWorkerGlobalScope.fonts")}} {{ReadOnlyInline}}
   - : Returns the {{domxref("FontFaceSet")}} associated with the worker.

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

@@ -141,8 +141,6 @@ _The `Document` interface for HTML documents inherits from the {{DOMxRef("HTMLDo
   - : Gets/sets the foreground color, or text color, of the current document.
 - {{DOMxRef("Document.fullscreen")}} {{Deprecated_Inline}}
   - : `true` when the document is in [fullscreen mode](/en-US/docs/Web/API/Fullscreen_API).
-- {{DOMxRef("Document.height")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
-  - : Gets/sets the height of the current document.
 - {{DOMxRef("Document.characterSet", "Document.inputEncoding")}} {{Deprecated_Inline}} {{ReadOnlyInline}}
   - : Alias of {{DOMxRef("Document.characterSet")}}. Use this property instead.
 - {{DOMxRef("Document.lastStyleSheetSet")}} {{Deprecated_Inline}} {{ReadOnlyInline}} {{Non-standard_Inline}}
@@ -159,8 +157,6 @@ _The `Document` interface for HTML documents inherits from the {{DOMxRef("HTMLDo
   - : Returns a list of the style sheet sets available on the document.
 - {{DOMxRef("Document.vlinkColor")}} {{Deprecated_Inline}}
   - : Gets/sets the color of visited hyperlinks.
-- {{DOMxRef("Document.width")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
-  - : Returns the width of the current document.
 - {{DOMxRef("Document.xmlEncoding")}} {{Deprecated_Inline}}
   - : Returns the encoding as determined by the XML declaration.
 - {{DOMxRef("Document.xmlStandalone")}} {{Deprecated_Inline}}
@@ -196,8 +192,6 @@ _This interface also inherits from the {{DOMxRef("Node")}} and {{DOMxRef("EventT
   - : Creates a new element with the given tag name.
 - {{DOMxRef("Document.createElementNS()")}}
   - : Creates a new element with the given tag name and namespace URI.
-- {{DOMxRef("Document.createEntityReference()")}} {{Deprecated_Inline}}
-  - : Creates a new entity reference object and returns it.
 - {{DOMxRef("Document.createEvent()")}}
   - : Creates an event object.
 - {{DOMxRef("Document.createNodeIterator()")}}

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

@@ -44,7 +44,6 @@ To learn more about what the DOM is and how it represents documents, see our art
 - {{DOMxRef("MutationRecord")}}
 - {{DOMxRef("NamedNodeMap")}}
 - {{DOMxRef("Node")}}
-- {{DOMxRef("NodeFilter")}}
 - {{DOMxRef("NodeIterator")}}
 - {{DOMxRef("NodeList")}}
 - {{DOMxRef("ProcessingInstruction")}}
@@ -234,7 +233,6 @@ Here are the DOM APIs for data types used in the definitions of SVG properties a
 - {{DOMxRef("SVGAnimatedNumber")}}
 - {{DOMxRef("SVGAnimatedNumberList")}}
 - {{DOMxRef("SVGAnimatedPathData")}} {{Deprecated_Inline}}
-- {{DOMxRef("SVGAnimatedPoints")}}
 - {{DOMxRef("SVGAnimatedPreserveAspectRatio")}}
 - {{DOMxRef("SVGAnimatedRect")}}
 - {{DOMxRef("SVGAnimatedString")}}

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

@@ -7,7 +7,7 @@ browser-compat: api.DOMStringMap
 
 {{ APIRef("HTML DOM") }}
 
-The **`DOMStringMap`** interface is used for the {{domxref("HTMLElement.dataset")}}/{{domxref("SVGElement.dataset")}} attribute, to represent data for custom attributes added to elements.
+The **`DOMStringMap`** interface is used for the {{domxref("HTMLElement.dataset")}} attribute, to represent data for custom attributes added to elements.
 
 ## Specifications
 
@@ -19,5 +19,5 @@ The **`DOMStringMap`** interface is used for the {{domxref("HTMLElement.dataset"
 
 ## See also
 
-- {{domxref("HTMLElement.dataset")}} / {{domxref("SVGElement.dataset")}}
+- {{domxref("HTMLElement.dataset")}}
 - [Global attributes - `data-*`](/en-US/docs/Web/HTML/Global_attributes/data-*)

files/en-us/web/api/element/dommousescroll_event/index.md

@@ -31,9 +31,9 @@ onDOMMouseScroll = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseWheelEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("WheelEvent")}}. Inherits from {{domxref("Event")}}.
 
-{{InheritanceDiagram("MouseWheelEvent")}}
+{{InheritanceDiagram("WheelEvent")}}
 
 ## Event properties
 

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

@@ -292,28 +292,21 @@ Listen to these events using `addEventListener()` or by assigning an event liste
   - : Fires on a {{HTMLElement("dialog")}} when the user instructs the browser that they wish to dismiss the currently open modal dialog. The browser fires this event when the user presses the <kbd>Esc</kbd> key to close the modal dialog.
 - {{domxref("Element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}} {{Experimental_Inline}}
   - : Fires on any element with {{cssxref("content-visibility", "content-visibility: auto")}} set on it when it starts or stops being [relevant to the user](/en-US/docs/Web/CSS/CSS_containment#relevant_to_the_user) and [skipping its contents](/en-US/docs/Web/CSS/CSS_containment#skips_its_contents).
-- {{domxref("Element/error_event", "error")}}
-  - : Fired when a resource failed to load, or can't be used. For example, if a script has an execution error or an image can't be found or is invalid.
 - {{domxref("Element/scroll_event", "scroll")}}
   - : Fired when the document view or an element has been scrolled.
 - {{domxref("Element/securitypolicyviolation_event","securitypolicyviolation")}}
   - : Fired when a [Content Security Policy](/en-US/docs/Web/HTTP/CSP) is violated.
-- {{domxref("Element/select_event", "select")}}
-  - : Fired when some text has been selected.
 - {{domxref("Element/wheel_event","wheel")}}
   - : Fired when the user rotates a wheel button on a pointing device (typically a mouse).
 
 ### Clipboard events
 
 - {{domxref("Element/copy_event", "copy")}}
   - : Fired when the user initiates a copy action through the browser's user interface.
-    Also available via the {{domxref("HTMLElement/oncopy", "oncopy")}} property.
 - {{domxref("Element/cut_event", "cut")}}
   - : Fired when the user initiates a cut action through the browser's user interface.
-    Also available via the {{domxref("HTMLElement/oncut", "oncut")}} property.
 - {{domxref("Element/paste_event", "paste")}}
   - : Fired when the user initiates a paste action through the browser's user interface.
-    Also available via the {{domxref("HTMLElement/onpaste", "onpaste")}} property.
 
 ### Composition events
 

files/en-us/web/api/element/mozmousepixelscroll_event/index.md

@@ -27,9 +27,9 @@ onMozMousePixelScroll = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseWheelEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("WheelEvent")}}. Inherits from {{domxref("Event")}}.
 
-{{InheritanceDiagram("MouseWheelEvent")}}
+{{InheritanceDiagram("WheelEvent")}}
 
 ## Getting the distance scrolled
 

files/en-us/web/api/eventtarget/dispatchevent/index.md

@@ -9,7 +9,7 @@ browser-compat: api.EventTarget.dispatchEvent
 {{APIRef("DOM")}}
 
 The **`dispatchEvent()`** method of the {{domxref("EventTarget")}} sends an {{domxref("Event")}} to the object, (synchronously) invoking the affected
-{{domxref("EventListener")}}s in the appropriate order. The normal event processing
+event listeners in the appropriate order. The normal event processing
 rules (including the capturing and optional bubbling phase) also apply to events
 dispatched manually with `dispatchEvent()`.
 

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

@@ -48,11 +48,11 @@ This extension exposes seven new constants.
 This extension exposes eight new methods.
 
 - {{domxref("EXT_disjoint_timer_query.createQueryEXT()", "ext.createQueryEXT()")}}
-  - : Creates a new {{domxref("WebGLTimerQueryEXT")}}.
+  - : Creates a new {{domxref("WebGLQuery")}}.
 - {{domxref("EXT_disjoint_timer_query.deleteQueryEXT()", "ext.deleteQueryEXT()")}}
-  - : Deletes a given {{domxref("WebGLTimerQueryEXT")}}.
+  - : Deletes a given {{domxref("WebGLQuery")}}.
 - {{domxref("EXT_disjoint_timer_query.isQueryEXT()", "ext.isQueryEXT()")}}
-  - : Returns `true` if a given object is a valid {{domxref("WebGLTimerQueryEXT")}}.
+  - : Returns `true` if a given object is a valid {{domxref("WebGLQuery")}}.
 - {{domxref("EXT_disjoint_timer_query.beginQueryEXT()", "ext.beginQueryEXT()")}}
   - : The timer starts when all commands prior to `beginQueryEXT` have been fully executed.
 - {{domxref("EXT_disjoint_timer_query.endQueryEXT()", "ext.endQueryEXT()")}}

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

@@ -35,7 +35,7 @@ See [Using files from web applications](/en-US/docs/Web/API/File_API/Using_files
 
 `File` implements {{DOMxRef("Blob")}}, so it also has the following properties available to it:
 
-- {{DOMxRef("File.prototype.size")}} {{ReadOnlyInline}}
+- {{DOMxRef("Blob.size")}} {{ReadOnlyInline}}
   - : Returns the size of the file in bytes.
 - {{DOMxRef("File.prototype.type")}} {{ReadOnlyInline}}
   - : Returns the [MIME](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types) type of the file.

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

@@ -9,7 +9,7 @@ browser-compat: api.HIDConnectionEvent
 
 {{securecontext_header}}{{APIRef("WebHID API")}}{{SeeCompatTable}}
 
-The **`HIDConnectionEvent`** interface of the {{domxref('WebHID API')}} represents HID connection events, and is the event type passed to {{domxref("HID.onconnect")}} and {{domxref("HID.ondisconnect")}} when an input report is received.
+The **`HIDConnectionEvent`** interface of the {{domxref('WebHID API')}} represents HID connection events, and is the event type passed to {{domxref("HID/connect_event", "connect")}} and {{domxref("HID/disconnect_event", "disconnect")}} event handlers when an input report is received.
 
 {{InheritanceDiagram}}
 

files/en-us/web/api/hmdvrdevice/setfieldofview/index.md

@@ -36,7 +36,7 @@ None ({{jsxref("undefined")}}).
 
 ## Examples
 
-The following simple example shows a function that can be used to set a custom field of view with four specified degree values for up, right, down and left. The {{domxref("VRFieldOfView.VRFieldOfView","VRFieldOfView()")}} constructor is used to create a {{domxref("VRFieldOfView")}} object from the supplied values, which is then fed into the `setFieldOfView()` method (the default `zNear` and `zFar` values are always used, in this case.)
+The following simple example shows a function that can be used to set a custom field of view with four specified degree values for up, right, down and left. The `VRFieldOfView()` constructor is used to create a {{domxref("VRFieldOfView")}} object from the supplied values, which is then fed into the `setFieldOfView()` method (the default `zNear` and `zFar` values are always used, in this case.)
 
 ```js
 function setCustomFOV(up, right, down, left) {

files/en-us/web/api/html_dom_api/microtask_guide/in_depth/index.md

@@ -104,7 +104,7 @@ There are three types of event loop:
 - Worker event loop
   - : A worker event loop is one which drives a worker; this includes all forms of workers, including basic [web workers](/en-US/docs/Web/API/Web_Workers_API), [shared workers](/en-US/docs/Web/API/SharedWorker), and [service workers](/en-US/docs/Web/API/Service_Worker_API). Workers are kept in one or more agents that are separate from the "main" code; the browser may use a single event loop for all of the workers of a given type or may use multiple event loops to handle them.
 - Worklet event loop
-  - : A [worklet](/en-US/docs/Web/API/Worklet) event loop is the event loop used to drive agents which run the code for the worklets for a given agent. This includes worklets of type {{domxref("Worklet")}}, {{domxref("AudioWorklet")}}, and {{domxref("PaintWorklet")}}.
+  - : A [worklet](/en-US/docs/Web/API/Worklet) event loop is the event loop used to drive agents which run the code for the worklets for a given agent. This includes worklets of type {{domxref("Worklet")}} and {{domxref("AudioWorklet")}}.
 
 Several windows loaded from the same {{Glossary("origin")}} may be running on the same event loop, each queueing tasks onto the event loop so that their tasks take turns with the processor, one after another. Keep in mind that in web parlance, the word "window" actually means "browser-level container that web content runs within," including an actual window, a tab, or a frame.
 

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

@@ -86,13 +86,6 @@ _This interface also inherits properties from its ancestors {{domxref("HTMLEleme
 - {{domxref("HTMLMediaElement.volume")}}
   - : A `double` indicating the audio volume, from 0.0 (silent) to 1.0 (loudest).
 
-### Event handlers
-
-- {{domxref("HTMLMediaElement.onencrypted")}}
-  - : Sets the event handler called when the media is encrypted.
-- {{domxref("HTMLMediaElement.onwaitingforkey")}}
-  - : Sets the event handler called when playback is blocked while waiting for an encryption key.
-
 ## Obsolete properties
 
 These properties are obsolete and should not be used, even if a browser still supports them.

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

@@ -9,7 +9,7 @@ browser-compat: api.HTMLScriptElement
 
 HTML {{HTMLElement("script")}} elements expose the **`HTMLScriptElement`** interface, which provides special properties and methods for manipulating the behavior and execution of `<script>` elements (beyond the inherited {{domxref("HTMLElement")}} interface).
 
-JavaScript files should be served with the `application/javascript` [MIME type](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types), but browsers are lenient and block them only if the script is served with an image type (`image/*`), video type (`video/*`), audio type (`audio/*`), or `text/csv`. If the script is blocked, its element receives an {{domxref("Element/error_event", "error")}} event; otherwise, it receives a {{domxref("Window/load_event", "load")}} event.
+JavaScript files should be served with the `application/javascript` [MIME type](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types), but browsers are lenient and block them only if the script is served with an image type (`image/*`), video type (`video/*`), audio type (`audio/*`), or `text/csv`. If the script is blocked, its element receives an {{domxref("HTMLElement/error_event", "error")}} event; otherwise, it receives a {{domxref("Window/load_event", "load")}} event.
 
 {{InheritanceDiagram}}
 

files/en-us/web/api/idbtransaction/abort_event/index.md

@@ -83,7 +83,7 @@ DBOpenRequest.onsuccess = (event) => {
 };
 ```
 
-The same example, but assigning the event handler to the {{DOMxRef("IDBTransaction.onabort", "onabort")}} property:
+The same example, but assigning the event handler to the {{DOMxRef("IDBTransaction.abort_event", "onabort")}} property:
 
 ```js
 // Open the database

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

@@ -28,7 +28,7 @@ The `ImageCapture` interface is based on {{domxref("EventTarget")}}, so it inclu
 - {{domxref("ImageCapture.takePhoto()")}} {{Experimental_Inline}}
   - : Takes a single exposure using the video capture device sourcing a {{domxref("MediaStreamTrack")}} and returns a {{jsxref("Promise")}} that resolves with a {{domxref("Blob")}} containing the data.
 - {{domxref("ImageCapture.getPhotoCapabilities()")}} {{Experimental_Inline}}
-  - : Returns a {{jsxref("Promise")}} that resolves with a {{domxref("PhotoCapabilities")}} object containing the ranges of available configuration options.
+  - : Returns a {{jsxref("Promise")}} that resolves with a `PhotoCapabilities` object containing the ranges of available configuration options.
 - {{domxref("ImageCapture.getPhotoSettings()")}} {{Experimental_Inline}}
   - : Returns a {{jsxref("Promise")}} that resolves with a {{domxref("PhotoSettings")}} object containing the current photo configuration settings.
 - {{domxref("ImageCapture.grabFrame()")}} {{Experimental_Inline}}

files/en-us/web/api/keyboardevent/charcode/index.md

@@ -70,7 +70,7 @@ input.addEventListener("keypress", (e) => {
   {{domxref("Element/keyup_event", "keyup")}} events. In these cases, `keyCode` is set instead.
 - To get the code of the key regardless of whether it was stored in
   `keyCode` or `charCode`, query the {{
-    domxref("KeyboardEvent.which", "which") }} property.
+    domxref("UIEvent/which", "which") }} property.
 - Characters entered through an IME do not register through `keyCode` or
   `charCode`.
 - For a list of the `charCode` values associated with particular keys, run

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

@@ -182,7 +182,7 @@ _This interface also inherits methods of its parents, {{domxref("UIEvent")}} and
   - : This property is non-standard and has been deprecated in favor of {{domxref("KeyboardEvent.key")}}. It was part of an old version of DOM Level 3 Events.
 - {{domxref("KeyboardEvent.keyLocation")}} {{Non-standard_inline}} {{deprecated_inline}} {{ReadOnlyInline}}
   - : This is a non-standard deprecated alias for {{domxref("KeyboardEvent.location")}}. It was part of an old version of DOM Level 3 Events.
-- {{domxref("KeyboardEvent.which")}} {{deprecated_inline}} {{ReadOnlyInline}}
+- {{domxref("UIEvent.which")}} {{deprecated_inline}} {{ReadOnlyInline}}
 
   - : Returns a number representing a system and implementation dependent numeric code identifying the unmodified value of the pressed key; this is usually the same as `keyCode`.
 

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

@@ -64,7 +64,7 @@ Listen to these events using `addEventListener()` or by assigning an event liste
 - [`stop`](/en-US/docs/Web/API/MediaRecorder/stop_event)
   - : Fired when media recording ends, either when the {{domxref("MediaStream")}} ends, or after the {{domxref("MediaRecorder.stop()")}} method is called.
 - [`warning`](/en-US/docs/Web/API/MediaRecorder/warning_event) {{deprecated_inline}}
-  - : Fired when media recording has a non-fatal error, or after the {{domxref("MediaRecorder.onwarning()")}} method is called.
+  - : Fired when media recording has a non-fatal error.
 
 ## Example
 

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

@@ -37,7 +37,7 @@ _Inherits methods from its parent, {{domxref("EventTarget")}}_.
 
 In the following example, you can see a new channel being created using the {{domxref("MessageChannel.MessageChannel","MessageChannel()")}} constructor.
 
-When the IFrame has loaded, we register an {{domxref("MessagePort.onmessage","onmessage")}} handler for {{domxref("MessageChannel.port1")}} and transfer {{domxref("MessageChannel.port2")}} to the IFrame using the {{domxref("window.postMessage")}} method along with a message.
+When the IFrame has loaded, we register an {{domxref("MessagePort/message_event","onmessage")}} handler for {{domxref("MessageChannel.port1")}} and transfer {{domxref("MessageChannel.port2")}} to the IFrame using the {{domxref("window.postMessage")}} method along with a message.
 
 When a message is received back from the IFrame, the `onMessage` function outputs the message to a paragraph.
 

files/en-us/web/api/midiport/close/index.md

@@ -10,7 +10,7 @@ browser-compat: api.MIDIPort.close
 
 The **`close()`** method of the {{domxref("MIDIPort")}} interface makes the access to the MIDI device connected to this `MIDIPort` unavailable.
 
-If the port is successfully closed a new {{domxref("MIDIConnectionEvent")}} is queued to the {{domxref("MIDIPort.onstatechange")}} and {{domxref("MIDIAccess.onstatechange")}} event handlers, and the {{domxref("MIDIPort.connection")}} property is changed to `"closed"`.
+If the port is successfully closed a new {{domxref("MIDIConnectionEvent")}} is queued to the {{domxref("MIDIPort.statechange_event", "MIDIPort statechange")}} and {{domxref("MIDIAccess.statechange_event", "MIDIAccess statechange")}} events, and the {{domxref("MIDIPort.connection")}} property is changed to `"closed"`.
 
 ## Syntax