Remove HTMLAttrDef macro (#24773)

Author: OnkarRuikar

files/en-us/learn/common_questions/design_and_accessibility/html_features_for_accessibility/index.md

@@ -64,7 +64,7 @@ To aid tabbing, you can supply a [skip link](/en-US/docs/Web/HTML/Element/a#skip
 
 ## Alt attribute for image
 
-Every image should have an [`alt`](/en-US/docs/Web/HTML/Element/img#attr-alt) attribute. If the image is purely decoration and adds no meaning to the content or context of the document, the `alt` attribute should be present, but empty. You can optionally also add [`role="presentation"`](/en-US/docs/Web/Accessibility/ARIA/Roles/presentation_role). All other images should include an `alt` attribute providing [alternative text describing the image](/en-US/docs/Web/API/HTMLImageElement/alt#usage_notes) in a way that is helpful to users who can read the rest of the content but can't see the image. Think about how you would describe the image to someone who can't load your image: that's the information you should include as the value of the `alt` attribute.
+Every image should have an [`alt`](/en-US/docs/Web/HTML/Element/img#alt) attribute. If the image is purely decoration and adds no meaning to the content or context of the document, the `alt` attribute should be present, but empty. You can optionally also add [`role="presentation"`](/en-US/docs/Web/Accessibility/ARIA/Roles/presentation_role). All other images should include an `alt` attribute providing [alternative text describing the image](/en-US/docs/Web/API/HTMLImageElement/alt#usage_notes) in a way that is helpful to users who can read the rest of the content but can't see the image. Think about how you would describe the image to someone who can't load your image: that's the information you should include as the value of the `alt` attribute.
 
 ```html
 <!-- decorative image -->

files/en-us/web/accessibility/aria/attributes/aria-label/index.md

@@ -38,7 +38,7 @@ In cases where an interactive element has no accessible name, or an accessible n
 
 Most content has an accessible name generated from its immediate wrapping element's text content. Accessible names can also be created by certain attributes or associated elements.
 
-By default, a button's accessible name is the content between the opening and closing {{HTMLElement('button')}} tags, an image's accessible name is the content of its [`alt`](/en-US/docs/Web/HTML/Element/img#attr-alt) attribute, and a form input's accessible name is the content of the associated {{HTMLElement('label')}} element.
+By default, a button's accessible name is the content between the opening and closing {{HTMLElement('button')}} tags, an image's accessible name is the content of its [`alt`](/en-US/docs/Web/HTML/Element/img#alt) attribute, and a form input's accessible name is the content of the associated {{HTMLElement('label')}} element.
 
 If none of these options are available, or if the default accessible name is not appropriate, use the `aria-label` attribute to define the accessible name of an element.
 

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

@@ -23,7 +23,7 @@ These cookie blocking policies are known to break embedded cross-origin content
 
 The Storage Access API is intended to solve this problem; embedded cross-origin content can request unrestricted access to its first-party storage on a site-by-site basis via the {{domxref("Document.requestStorageAccess()")}} method, and check whether it already has access via the {{domxref("Document.hasStorageAccess()")}} method.
 
-In addition, sandboxed {{htmlelement("iframe")}}s cannot be granted storage access by default for security reasons. The API therefore also adds the `allow-storage-access-by-user-activation` [sandbox token](/en-US/docs/Web/HTML/Element/iframe#attr-sandbox). The embedding website needs to add this to allow storage access requests to be successful, along with `allow-scripts` and `allow-same-origin` to allow it to call the API, and execute in an origin that can have cookies:
+In addition, sandboxed {{htmlelement("iframe")}}s cannot be granted storage access by default for security reasons. The API therefore also adds the `allow-storage-access-by-user-activation` [sandbox token](/en-US/docs/Web/HTML/Element/iframe#sandbox). The embedding website needs to add this to allow storage access requests to be successful, along with `allow-scripts` and `allow-same-origin` to allow it to call the API, and execute in an origin that can have cookies:
 
 ```html
 <iframe

files/en-us/web/api/storage_access_api/using/index.md

@@ -16,7 +16,7 @@ The Storage Access API is designed to allow embedded content to request access t
 
 In this example we show how an embedded cross-origin {{htmlelement("iframe")}} can access a user's cookies under a storage access policy that blocks third-party cookies.
 
-First of all, if the `<iframe>` is sandboxed, the embedding website needs to add the `allow-storage-access-by-user-activation` [sandbox token](/en-US/docs/Web/HTML/Element/iframe#attr-sandbox) to allow storage access requests to be successful, along with `allow-scripts` and `allow-same-origin` to allow it to call the API, and execute in an origin that can have cookies:
+First of all, if the `<iframe>` is sandboxed, the embedding website needs to add the `allow-storage-access-by-user-activation` [sandbox token](/en-US/docs/Web/HTML/Element/iframe#sandbox) to allow storage access requests to be successful, along with `allow-scripts` and `allow-same-origin` to allow it to call the API, and execute in an origin that can have cookies:
 
 ```html
 <iframe

files/en-us/web/api/taskattributiontiming/containername/index.md

@@ -14,7 +14,7 @@ attribute. A container is the iframe, embed or object etc. that is being implica
 
 ## Value
 
-A string containing the container's `name` HTML content attribute (e.g. [`<iframe name="myIframe"`](/en-US/docs/Web/HTML/Element/iframe#attr-name) or [`<object name="myObject"`](/en-US/docs/Web/HTML/Element/object#attr-name)).
+A string containing the container's `name` HTML content attribute (e.g. [`<iframe name="myIframe"`](/en-US/docs/Web/HTML/Element/iframe#name) or [`<object name="myObject"`](/en-US/docs/Web/HTML/Element/object#attr-name)).
 
 ## Specifications
 

files/en-us/web/api/taskattributiontiming/containersrc/index.md

@@ -14,7 +14,7 @@ attribute. A container is the iframe, embed or object etc. that is being implica
 
 ## Value
 
-A string containing the container's `src` attribute (e.g. [`<iframe src="url.html"`](/en-US/docs/Web/HTML/Element/iframe#attr-src)).
+A string containing the container's `src` attribute (e.g. [`<iframe src="url.html"`](/en-US/docs/Web/HTML/Element/iframe#src)).
 
 ## Specifications
 

files/en-us/web/css/-moz-force-broken-image-icon/index.md

@@ -17,7 +17,7 @@ The **`-moz-force-broken-image-icon`** extended CSS property can be used to forc
 ### Values
 
 - {{cssxref("<integer>")}}
-  - : A value of `1` means that the broken image icon is shown even if the image has an [`alt`](/en-US/docs/Web/HTML/Element/img#attr-alt) attribute. When the value `0` is used, the image will act as usual and only display the `alt` attribute.
+  - : A value of `1` means that the broken image icon is shown even if the image has an [`alt`](/en-US/docs/Web/HTML/Element/img#alt) attribute. When the value `0` is used, the image will act as usual and only display the `alt` attribute.
 
 > **Note:** Even if the value is set to `1` the `alt` attribute will still be displayed, alongside the broken image icon.
 

files/en-us/web/html/attributes/index.md

@@ -83,7 +83,7 @@ Elements in HTML have **attributes**; these are additional values that configure
     </tr>
     <tr>
       <td>
-        <code><a href="/en-US/docs/Web/HTML/Element/iframe#attr-allow">allow</a></code>
+        <code><a href="/en-US/docs/Web/HTML/Element/iframe#allow">allow</a></code>
       </td>
       <td>{{ HTMLElement("iframe") }}</td>
       <td>Specifies a feature-policy for the iframe.</td>
@@ -431,7 +431,7 @@ Elements in HTML have **attributes**; these are additional values that configure
     </tr>
     <tr>
       <td>
-        <code><a href="/en-US/docs/Web/HTML/Element/img#attr-decoding">decoding</a></code>
+        <code><a href="/en-US/docs/Web/HTML/Element/img#decoding">decoding</a></code>
       </td>
       <td>{{ HTMLElement("img") }}</td>
       <td>Indicates the preferred method to decode the image.</td>
@@ -758,7 +758,7 @@ Elements in HTML have **attributes**; these are additional values that configure
     </tr>
     <tr>
       <td>
-        <a href="/en-US/docs/Web/HTML/Element/img#attr-intrinsicsize"><code>intrinsicsize</code></a>
+        <a href="/en-US/docs/Web/HTML/Element/img#intrinsicsize"><code>intrinsicsize</code></a>
         {{deprecated_inline}}
       </td>
       <td>{{ HTMLElement("img") }}</td>
@@ -785,7 +785,7 @@ Elements in HTML have **attributes**; these are additional values that configure
     </tr>
     <tr>
       <td>
-        <code><a href="/en-US/docs/Web/HTML/Element/img#attr-ismap">ismap</a></code>
+        <code><a href="/en-US/docs/Web/HTML/Element/img#ismap">ismap</a></code>
       </td>
       <td>{{ HTMLElement("img") }}</td>
       <td>Indicates that the image is part of a server-side image map.</td>
@@ -1183,7 +1183,7 @@ Elements in HTML have **attributes**; these are additional values that configure
     </tr>
     <tr>
       <td>
-        <code><a href="/en-US/docs/Web/HTML/Element/iframe#attr-sandbox">sandbox</a></code>
+        <code><a href="/en-US/docs/Web/HTML/Element/iframe#sandbox">sandbox</a></code>
       </td>
       <td>{{ HTMLElement("iframe") }}</td>
       <td>
@@ -1293,7 +1293,7 @@ Elements in HTML have **attributes**; these are additional values that configure
     </tr>
     <tr>
       <td>
-        <code><a href="/en-US/docs/Web/HTML/Element/iframe#attr-srcdoc">srcdoc</a></code>
+        <code><a href="/en-US/docs/Web/HTML/Element/iframe#srcdoc">srcdoc</a></code>
       </td>
       <td>{{ HTMLElement("iframe") }}</td>
       <td></td>

files/en-us/web/html/element/body/index.md

@@ -92,70 +92,70 @@ The **`<body>`** [HTML](/en-US/docs/Web/HTML) element represents the content of
 
 This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
-- {{htmlattrdef("alink")}} {{deprecated_inline}}
+- `alink` {{deprecated_inline}}
   - : Color of text for hyperlinks when selected.
     **Do not use this attribute! Use the CSS {{cssxref("color")}} property in conjunction with the {{cssxref(":active")}} pseudo-class instead.**
-- {{htmlattrdef("background")}} {{deprecated_inline}}
+- `background` {{deprecated_inline}}
   - : URI of an image to use as a background.
     **Do not use this attribute! Use the CSS {{cssxref("background")}} property on the element instead.**
-- {{htmlattrdef("bgcolor")}} {{deprecated_inline}}
+- `bgcolor` {{deprecated_inline}}
   - : Background color for the document.
     **Do not use this attribute! Use the CSS {{cssxref("background-color")}} property on the element instead.**
-- {{htmlattrdef("bottommargin")}} {{deprecated_inline}}
+- `bottommargin` {{deprecated_inline}}
   - : The margin of the bottom of the body.
     **Do not use this attribute! Use the CSS {{cssxref("margin-bottom")}} property on the element instead.**
-- {{htmlattrdef("leftmargin")}} {{deprecated_inline}}
+- `leftmargin` {{deprecated_inline}}
   - : The margin of the left of the body.
     **Do not use this attribute! Use the CSS {{cssxref("margin-left")}} property on the element instead.**
-- {{htmlattrdef("link")}} {{deprecated_inline}}
+- `link` {{deprecated_inline}}
   - : Color of text for unvisited hypertext links.
     **Do not use this attribute! Use the CSS {{cssxref("color")}} property in conjunction with the {{cssxref(":link")}} pseudo-class instead.**
-- {{htmlattrdef("onafterprint")}}
+- `onafterprint`
   - : Function to call after the user has printed the document.
-- {{htmlattrdef("onbeforeprint")}}
+- `onbeforeprint`
   - : Function to call when the user requests printing of the document.
-- {{htmlattrdef("onbeforeunload")}}
+- `onbeforeunload`
   - : Function to call when the document is about to be unloaded.
-- {{htmlattrdef("onblur")}}
+- `onblur`
   - : Function to call when the document loses focus.
-- {{htmlattrdef("onerror")}}
+- `onerror`
   - : Function to call when the document fails to load properly.
-- {{htmlattrdef("onfocus")}}
+- `onfocus`
   - : Function to call when the document receives focus.
-- {{htmlattrdef("onhashchange")}}
+- `onhashchange`
   - : Function to call when the fragment identifier part (starting with the hash (`'#'`) character) of the document's current address has changed.
-- {{htmlattrdef("onlanguagechange")}}
+- `onlanguagechange`
   - : Function to call when the preferred languages changed.
-- {{htmlattrdef("onload")}}
+- `onload`
   - : Function to call when the document has finished loading.
-- {{htmlattrdef("onmessage")}}
+- `onmessage`
   - : Function to call when the document has received a message.
-- {{htmlattrdef("onoffline")}}
+- `onoffline`
   - : Function to call when network communication has failed.
-- {{htmlattrdef("ononline")}}
+- `ononline`
   - : Function to call when network communication has been restored.
-- {{htmlattrdef("onpopstate")}}
+- `onpopstate`
   - : Function to call when the user has navigated session history.
-- {{htmlattrdef("onredo")}}
+- `onredo`
   - : Function to call when the user has moved forward in undo transaction history.
-- {{htmlattrdef("onresize")}}
+- `onresize`
   - : Function to call when the document has been resized.
-- {{htmlattrdef("onstorage")}}
+- `onstorage`
   - : Function to call when the storage area has changed.
-- {{htmlattrdef("onundo")}}
+- `onundo`
   - : Function to call when the user has moved backward in undo transaction history.
-- {{htmlattrdef("onunload")}}
+- `onunload`
   - : Function to call when the document is going away.
-- {{htmlattrdef("rightmargin")}} {{deprecated_inline}}
+- `rightmargin` {{deprecated_inline}}
   - : The margin of the right of the body.
     **Do not use this attribute! Use the CSS {{cssxref("margin-right")}} property on the element instead.**
-- {{htmlattrdef("text")}} {{deprecated_inline}}
+- `text` {{deprecated_inline}}
   - : Foreground color of text.
     **Do not use this attribute! Use CSS {{cssxref("color")}} property on the element instead.**
-- {{htmlattrdef("topmargin")}} {{deprecated_inline}}
+- `topmargin` {{deprecated_inline}}
   - : The margin of the top of the body.
     **Do not use this attribute! Use the CSS {{cssxref("margin-top")}} property on the element instead.**
-- {{htmlattrdef("vlink")}} {{deprecated_inline}}
+- `vlink` {{deprecated_inline}}
   - : Color of text for visited hypertext links.
     **Do not use this attribute! Use the CSS {{cssxref("color")}} property in conjunction with the {{cssxref(":visited")}} pseudo-class instead.**