fix: flaws in web/api/h* batch 2 (#3084)

files/en-us/web/api/htmlelement/forcespellcheck/index.html

@@ -2,14 +2,14 @@
 title: HTMLElement.forceSpellCheck()
 slug: Web/API/HTMLElement/forceSpellCheck
 tags:
-- API
-- Experimental
-- HTML DOM
-- HTMLElement
-- Method
-- NeedsExample
-- NeedsSpecTable
-- Reference
+  - API
+  - Experimental
+  - HTML DOM
+  - HTMLElement
+  - Method
+  - NeedsExample
+  - NeedsSpecTable
+  - Reference
 ---
 <p>{{ APIRef("HTML DOM") }}{{SeeCompatTable}}</p>
 
@@ -31,6 +31,6 @@ <h2 id="See_also">See also</h2>
 
 <ul>
   <li><a
-      href="/en-US/docs/Web/HTML/Controlling_spell_checking_in_HTML_formsControlling_spell_checking_in_HTML_forms">Controlling
+      href="/en-US/docs/Web/HTML/Global_attributes/spellcheck">Controlling
       spell checking in HTML forms</a></li>
 </ul>

files/en-us/web/api/htmlelement/lostpointercapture_event/index.html

@@ -11,7 +11,7 @@
 ---
 <div>{{APIRef}}</div>
 
-<p>The <strong><code>lostpointercapture</code></strong> event is fired when a <a href="/en-US/docs/Web/API/Pointer_events#Pointer_capture">captured pointer</a> is released.</p>
+<p>The <strong><code>lostpointercapture</code></strong> event is fired when a <a href="/en-US/docs/Web/API/Pointer_events#pointer_capture">captured pointer</a> is released.</p>
 
 <table class="properties">
  <tbody>
@@ -29,7 +29,7 @@
   </tr>
   <tr>
    <th scope="row">Event handler property</th>
-   <td><code><a href="/en-US/docs/Web/API/Element/onlostpointercapture">onlostpointercapture</a></code></td>
+   <td><code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onlostpointercapture">onlostpointercapture</a></code></td>
   </tr>
  </tbody>
 </table>

files/en-us/web/api/htmlelement/oncopy/index.html

@@ -2,15 +2,15 @@
 title: HTMLElement.oncopy
 slug: Web/API/HTMLElement/oncopy
 tags:
-- API
-- Event Handler
-- Experimental
-- HTMLElement
-- NeedsSpecTable
-- Property
-- Reference
+  - API
+  - Event Handler
+  - Experimental
+  - HTMLElement
+  - NeedsSpecTable
+  - Property
+  - Reference
 ---
-<div>{{ APIRef("HTML DOM") }}{{SeeCompatTable}} {{ Fx_minversion_header(3) }}</div>
+<div>{{ APIRef("HTML DOM") }}{{SeeCompatTable}}</div>
 
 <p>The <strong><code>oncopy</code></strong> property of the {{domxref("HTMLElement")}}
   interface is an {{domxref("EventHandler")}} that processes

files/en-us/web/api/htmlelement/outertext/index.html

@@ -11,7 +11,7 @@
 ---
 <div>{{APIRef("DOM")}} {{ Non-standard_header() }}</div>
 
-<p><strong><code>HTMLElement.outerText</code></strong> is a non-standard property. As a getter, it returns the same value as {{domxref("Node.innerText")}}. As a setter, it removes the current node and replaces it with the given text.</p>
+<p><strong><code>HTMLElement.outerText</code></strong> is a non-standard property. As a getter, it returns the same value as {{domxref("HTMLElement.innerText")}}. As a setter, it removes the current node and replaces it with the given text.</p>
 
 <h2 id="Example">Example</h2>
 
@@ -28,6 +28,6 @@ <h2 id="Browser_compatibility">Browser compatibility</h2>
 <h2 id="See_also">See also</h2>
 
 <ul>
- <li>{{domxref("Node.innerText")}}</li>
+ <li>{{domxref("HTMLElement.innerText")}}</li>
  <li>{{domxref("Element.outerHTML")}}</li>
 </ul>

files/en-us/web/api/htmlelement/pointermove_event/index.html

@@ -10,7 +10,7 @@
 ---
 <div>{{APIRef}}</div>
 
-<p>The <code>pointermove</code> event is fired when a pointer changes coordinates, and the pointer has not been <a href="/en-US/docs/Web/Events/pointercancel">canceled</a> by a browser <a href="/en-US/docs/Web/CSS/touch-action">touch-action</a>.</p>
+<p>The <code>pointermove</code> event is fired when a pointer changes coordinates, and the pointer has not been <a href="/en-US/docs/Web/API/HTMLElement/pointercancel_event">canceled</a> by a browser <a href="/en-US/docs/Web/CSS/touch-action">touch-action</a>.</p>
 
 <table class="properties">
  <tbody>

files/en-us/web/api/htmlelement/transitionend_event/index.html

@@ -12,7 +12,7 @@
 ---
 <div>{{APIRef}}</div>
 
-<p>The <strong><code>transitionend</code></strong> event is fired when a <a href="/en-US/docs/CSS/Using_CSS_transitions">CSS transition</a> has completed. In the case where a transition is removed before completion, such as if the {{cssxref("transition-property")}} is removed or {{cssxref("display")}} is set to <code>none</code>, then the event will not be generated.</p>
+<p>The <strong><code>transitionend</code></strong> event is fired when a <a href="/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions">CSS transition</a> has completed. In the case where a transition is removed before completion, such as if the {{cssxref("transition-property")}} is removed or {{cssxref("display")}} is set to <code>none</code>, then the event will not be generated.</p>
 
 <table class="properties">
  <tbody>

files/en-us/web/api/htmlelement/transitionrun_event/index.html

@@ -13,7 +13,7 @@
 ---
 <div>{{APIRef}}{{SeeCompatTable}}</div>
 
-<p>The <strong><code>transitionrun</code></strong> event is fired when a <a href="/en-US/docs/CSS/Using_CSS_transitions">CSS transition</a> is first created, i.e. before any {{cssxref("transition-delay")}} has begun.</p>
+<p>The <strong><code>transitionrun</code></strong> event is fired when a <a href="/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions">CSS transition</a> is first created, i.e. before any {{cssxref("transition-delay")}} has begun.</p>
 
 <table class="properties">
  <tbody>

files/en-us/web/api/htmlformelement/acceptcharset/index.html

@@ -2,13 +2,13 @@
 title: HTMLFormElement.acceptCharset
 slug: Web/API/HTMLFormElement/acceptCharset
 tags:
-- API
-- HTML DOM
-- HTMLFormElement
-- NeedsMarkupWork
-- NeedsSpecTable
-- Property
-- Reference
+  - API
+  - HTML DOM
+  - HTMLFormElement
+  - NeedsMarkupWork
+  - NeedsSpecTable
+  - Property
+  - Reference
 ---
 <div>{{APIRef("HTML DOM")}}</div>
 
@@ -19,8 +19,8 @@
 
 <h2 id="Syntax">Syntax</h2>
 
-<pre class="brush: js">var <em>string</em> = <em>form</em>.acceptCharset;
-<em>form</em>.acceptCharset = <em>string</em><code>;</code>
+<pre class="brush: js">var string = form.acceptCharset;
+form.acceptCharset = string;
 </pre>
 
 <h2 id="Example">Example</h2>

files/en-us/web/api/htmlformelement/index.html

@@ -226,7 +226,7 @@ <h2 id="Examples">Examples</h2>
 
 <h3 id="Submitting_forms_and_uploading_files_using_XMLHttpRequest">Submitting forms and uploading files using XMLHttpRequest</h3>
 
-<p>If you want to know how to serialize and submit a form using the {{domxref("XMLHttpRequest")}} API, please read <a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Submitting_forms_and_uploading_files">this paragraph</a>.</p>
+<p>If you want to know how to serialize and submit a form using the {{domxref("XMLHttpRequest")}} API, please read <a href="/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#submitting_forms_and_uploading_files">this paragraph</a>.</p>
 
 <h2 id="Specifications">Specifications</h2>
 

files/en-us/web/api/htmlformelement/reportvalidity/index.html

@@ -2,17 +2,17 @@
 title: HTMLFormElement.reportValidity()
 slug: Web/API/HTMLFormElement/reportValidity
 tags:
-- HTML
-- HTMLFormElement
-- Method
-- Reference
+  - HTML
+  - HTMLFormElement
+  - Method
+  - Reference
 ---
 <div>{{APIRef("HTML DOM")}}</div>
 
 <p>The <strong><code>HTMLFormElement.reportValidity()</code></strong> method returns
   <code>true</code> if the element's child controls satisfy their validation constraints.
   When <code>false</code> is returned, cancelable
-  <code><a href="/en-US/docs/Web/Events/invalid">invalid</a></code> events are fired for
+  <code><a href="/en-US/docs/Web/API/HTMLInputElement/invalid_event">invalid</a></code> events are fired for
   each invalid child and validation problems are reported to the user.</p>
 
 <h2 id="Syntax">Syntax</h2>

files/en-us/web/api/htmlformelement/submit_event/index.html

@@ -40,7 +40,7 @@
 <p>The <code>submit</code> event fires when the user clicks a submit button ({{HtmlElement("button")}} or {{HtmlElement('input/submit', '&lt;input type="submit"&gt;')}}) or presses <kbd>Enter</kbd> while editing a field (e.g. {{HtmlElement('input/text', '&lt;input type="text"&gt;')}}) in a form. The event is not sent to the form when calling the {{domxref("HTMLFormElement.submit()", "form.submit()")}} method directly.</p>
 
 <div class="notecard note">
-<p><strong>Note:</strong> Trying to submit a form that does not pass <a href="/en-US/docs/Learn/HTML/Forms/Form_validation">validation</a> triggers an {{domxref("HTMLInputElement/invalid_event", "invalid")}} event. In this case, the validation prevents form submission, and thus there is no <code>submit</code> event.</p>
+<p><strong>Note:</strong> Trying to submit a form that does not pass <a href="/en-US/docs/Learn/Forms/Form_validation">validation</a> triggers an {{domxref("HTMLInputElement/invalid_event", "invalid")}} event. In this case, the validation prevents form submission, and thus there is no <code>submit</code> event.</p>
 </div>
 
 <h2 id="Examples">Examples</h2>

files/en-us/web/api/htmliframeelement/csp/index.html

@@ -2,18 +2,18 @@
 title: HTMLIFrameElement.csp
 slug: Web/API/HTMLIFrameElement/csp
 tags:
-- API
-- CSP
-- Content Security Policy
-- HTML DOM
-- HTMLIFrameElement
-- Property
-- Reference
+  - API
+  - CSP
+  - Content Security Policy
+  - HTML DOM
+  - HTMLIFrameElement
+  - Property
+  - Reference
 ---
 <p>{{SeeCompatTable}}{{APIRef("HTML DOM")}}</p>
 
 <p>The <strong><code>csp</code></strong> property of the {{domxref("HTMLIFrameElement")}}
-  interface specifies the <a href="/docs/Web/HTTP/CSP">Content Security Policy</a> that an
+  interface specifies the <a href="/en-US/docs/Web/HTTP/CSP">Content Security Policy</a> that an
   embedded document must agree to enforce upon itself.</p>
 
 <h2 id="Syntax">Syntax</h2>

files/en-us/web/api/htmliframeelement/index.html

@@ -23,7 +23,7 @@ <h2 id="Properties">Properties</h2>
  <dt>{{domxref("HTMLIFrameElement.allow")}} {{experimental_inline}}</dt>
  <dd>Is a list of origins the frame is allowed to display content from. This attribute also accepts the values <code>self</code> and <code>src</code> which represent the origin in the iframe's src attribute. The default value is <code>src</code>.</dd>
  <dt>{{domxref("HTMLIFrameElement.allowfullscreen")}} {{experimental_inline}}</dt>
- <dd>Is a {{domxref("Boolean")}} indicating whether the inline frame is willing to be placed into full screen mode. See <a href="/en-US/docs/DOM/Using_full-screen_mode">Using full-screen mode</a> for details.</dd>
+ <dd>Is a {{domxref("Boolean")}} indicating whether the inline frame is willing to be placed into full screen mode. See <a href="/en-US/docs/Web/API/Fullscreen_API">Using full-screen mode</a> for details.</dd>
  <dt>{{domxref("HTMLIFrameElement.allowPaymentRequest")}}</dt>
  <dd>Is a {{domxref("Boolean")}} indicating whether the <a href="/en-US/docs/Web/API/Payment_Request_API">Payment Request API</a> may be invoked inside a cross-origin iframe.</dd>
  <dt>{{domxref("HTMLIFrameElement.contentDocument")}} {{readonlyInline}}</dt>

files/en-us/web/api/htmlimageelement/alt/index.html

@@ -2,18 +2,18 @@
 title: HTMLImageElement.alt
 slug: Web/API/HTMLImageElement/alt
 tags:
-- API
-- Element
-- HTML
-- HTML DOM
-- HTMLImageElement
-- Image
-- Property
-- Reference
-- Text
-- alt
-- alternate
-- fallback
+  - API
+  - Element
+  - HTML
+  - HTML DOM
+  - HTMLImageElement
+  - Image
+  - Property
+  - Reference
+  - Text
+  - alt
+  - alternate
+  - fallback
 ---
 <p>{{APIRef("HTML DOM")}}</p>
 
@@ -184,9 +184,9 @@ <h3 id="Images_containing_diagrams_or_maps">Images containing diagrams or maps</
 <p>When an image contains information presented as a diagram, chart, graph, or map,
   the <code>alt</code> text should provide the same information, at least in summary form.
   This is true whether the /me image is in a bitmapped format such as <a
-    href="/en-US/docs/Web/Media/Formats/Image_types#PNG">PNG</a> or <a
-    href="/en-US/docs/Web/Media/Formats/Image_types#JPEG">JPEG</a> or in a vector format
-  like <a href="/en-US/docs/Web/Media/Formats/Image_types#SVG">SVG</a>.</p>
+    href="/en-US/docs/Web/Media/Formats/Image_types#png">PNG</a> or <a
+    href="/en-US/docs/Web/Media/Formats/Image_types#jpeg">JPEG</a> or in a vector format
+  like <a href="/en-US/docs/Web/Media/Formats/Image_types#svg">SVG</a>.</p>
 
 <ul>
   <li>For a map, the <code>alt</code> text could be directions to the place indicated by

files/en-us/web/api/htmlimageelement/image/index.html

@@ -2,15 +2,15 @@
 title: Image()
 slug: Web/API/HTMLImageElement/Image
 tags:
-- API
-- Constructor
-- DOM
-- HTML
-- HTML DOM
-- HTMLImageElement
-- Image()
-- Reference
-- img
+  - API
+  - Constructor
+  - DOM
+  - HTML
+  - HTML DOM
+  - HTMLImageElement
+  - Image()
+  - Reference
+  - img
 ---
 <div>{{APIRef("HTML DOM")}}</div>
 
@@ -21,7 +21,7 @@
 
 <div class="notecard note">
   <p><strong>Disambiguation:</strong> <a
-      href="/en-US/docs/Web/CSS/imagefunction"><code>image()</code>, the CSS function
+      href="/en-US/docs/Web/CSS/image()"><code>image()</code>, the CSS function
       notation</a>.</p>
 </div>
 

files/en-us/web/api/htmlimageelement/index.html

@@ -36,7 +36,7 @@ <h2 id="Properties">Properties</h2>
  <dt>{{domxref("HTMLImageElement.complete")}} {{readonlyInline}}</dt>
  <dd>Returns a {{domxref("Boolean")}} that is <code>true</code> if the browser has finished fetching the image, whether successful or not. That means this value is also <code>true</code> if the image has no {{domxref("HTMLImageElement.src", "src")}} value indicating an image to load.</dd>
  <dt>{{domxref("HTMLImageElement.crossOrigin")}}</dt>
- <dd>A {{domxref("DOMString")}} specifying the CORS setting for this image element. See <a href="/en-US/docs/Web/HTML/CORS_settings_attributes">CORS settings attributes</a> for further details. This may be <code>null</code> if CORS is not used.</dd>
+ <dd>A {{domxref("DOMString")}} specifying the CORS setting for this image element. See <a href="/en-US/docs/Web/HTML/Attributes/crossorigin">CORS settings attributes</a> for further details. This may be <code>null</code> if CORS is not used.</dd>
  <dt>{{domxref("HTMLImageElement.currentSrc")}} {{readonlyInline}}</dt>
  <dd>Returns a {{domxref("USVString")}} representing the URL from which the currently displayed image was loaded. This may change as the image is adjusted due to changing conditions, as directed by any <a href="/en-US/docs/Web/CSS/Media_Queries">media queries</a> which are in place.</dd>
  <dt>{{domxref("HTMLImageElement.decoding")}}</dt>

files/en-us/web/api/htmlimageelement/longdesc/index.html

@@ -2,17 +2,17 @@
 title: HTMLImageElement.longDesc
 slug: Web/API/HTMLImageElement/longDesc
 tags:
-- API
-- HTML
-- HTML DOM
-- HTMLImageElement
-- Long description
-- Obsolete
-- Property
-- Reference
-- description
-- img
-- longDesc
+  - API
+  - HTML
+  - HTML DOM
+  - HTMLImageElement
+  - Long description
+  - Obsolete
+  - Property
+  - Reference
+  - description
+  - img
+  - longDesc
 ---
 <p>{{APIRef("HTML DOM")}}{{deprecated_header}}</p>
 
@@ -36,7 +36,7 @@ <h3 id="Value">Value</h3>
   image's contents.</p>
 
 <p>For example, if the image is a <a
-    href="/en-US/docs/Web/Media/Formats/Image_types#PNG">PNG</a> of a flowchart.
+    href="/en-US/docs/Web/Media/Formats/Image_types#png">PNG</a> of a flowchart.
   The <code>longDesc</code> property could be used to provide an explanation of the flow
   of control represented by the chart, using only text. This can be used by readers both
   as an explanation, but also as a substitute for visually-impaired users.</p>

files/en-us/web/api/htmlinputelement/index.html

@@ -292,15 +292,15 @@ <h2 id="Methods">Methods</h2>
 <table class="standard-table">
  <tbody>
   <tr>
-   <td>{{domxref("HTMLElement.blur()", "blur()")}}</td>
+   <td>{{domxref("HTMLOrForeignElement/blur", "blur()")}}</td>
    <td>Removes focus from the input element; keystrokes will subsequently go nowhere.</td>
   </tr>
   <tr>
    <td>{{domxref("HTMLElement.click()", "click()")}}</td>
    <td>Simulates a click on the input element.</td>
   </tr>
   <tr>
-   <td>{{domxref("HTMLElement.focus()", "focus()")}}</td>
+   <td>{{domxref("HTMLOrForeignElement/focus", "focus()")}}</td>
    <td>Focuses on the input element; keystrokes will subsequently go to this element.</td>
   </tr>
   <tr>
@@ -350,11 +350,11 @@ <h2 id="Methods">Methods</h2>
  </ul>
  </dd>
  <dt>{{domxref("HTMLInputElement.mozSetFileArray()")}} {{non-standard_inline}}</dt>
- <dd>Sets the files selected on the input to the given array of {{domxref("File")}} objects. This is an alternative to <code>mozSetFileNameArray()</code> which can be used in frame scripts: a chrome script can <a href="/en-US/docs/Extensions/Using_the_DOM_File_API_in_chrome_code">open files as File objects</a> and send them via <a href="/en-US/Firefox/Multiprocess_Firefox/The_message_manager">message manager</a>.</dd>
+ <dd>Sets the files selected on the input to the given array of {{domxref("File")}} objects. This is an alternative to <code>mozSetFileNameArray()</code> which can be used in frame scripts: a chrome script can <a href="/en-US/docs/Extensions/Using_the_DOM_File_API_in_chrome_code">open files as File objects</a> and send them via <a href="/en-US/docs/Mozilla/Firefox/Multiprocess_Firefox/The_message_manager">message manager</a>.</dd>
  <dt>{{domxref("HTMLInputElement.mozGetFileNameArray()")}} {{non-standard_inline}}</dt>
  <dd>Returns an array of all the file names from the input.</dd>
  <dt>{{domxref("HTMLInputElement.mozSetFileNameArray()")}} {{non-standard_inline}}</dt>
- <dd>Sets the filenames for the files selected on the input. Not for use in <a href="/en-US/Firefox/Multiprocess_Firefox/Limitations_of_frame_scripts">frame scripts</a>, because it accesses the file system.</dd>
+ <dd>Sets the filenames for the files selected on the input. Not for use in <a href="/en-US/docs/Mozilla/Firefox/Multiprocess_Firefox/Limitations_of_frame_scripts">frame scripts</a>, because it accesses the file system.</dd>
 </dl>
 
 <h2 id="Events">Events</h2>
@@ -365,7 +365,7 @@ <h2 id="Events">Events</h2>
  <dt><a href="/en-US/docs/Web/API/HTMLElement/input_event"><code>input</code></a></dt>
  <dd>Fires when the <code>value</code> of an {{HTMLElement("input")}}, {{HTMLElement("select")}}, or {{HTMLElement("textarea")}} element has been changed. Note that this is actually fired on the {{domxref("HTMLElement")}} interface and also applies to <code><a href="/en-US/docs/Web/HTML/Global_attributes/contenteditable">contenteditable</a></code> elements, but we've listed it here because it is most commonly used with form input elements.<br>
  Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/oninput">oninput</a></code> event handler property.</dd>
- <dt><code><a href="/en-US/docs/Web/API/HTMLElement/invalid_event">invalid</a></code></dt>
+ <dt><code><a href="/en-US/docs/Web/API/HTMLInputElement/invalid_event">invalid</a></code></dt>
  <dd>Fired when an element does not satisfy its constraints during constraint validation.<br>
  Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/oninvalid">oninvalid</a></code> event handler property.</dd>
  <dt><code><a href="/en-US/docs/Web/API/HTMLInputElement/search_event">search</a></code></dt>