HTML global attributes: use browser-compat front-matter + spec macro (#…

…5149)
mdn · May 20, 2021 · a90c5d2 · a90c5d2
1 parent aac2766
commit a90c5d2
Show file tree

Hide file tree

Showing 28 changed files with 83 additions and 356 deletions.
diff --git a/files/en-us/web/html/global_attributes/accesskey/index.html b/files/en-us/web/html/global_attributes/accesskey/index.html
@@ -6,6 +6,7 @@
   - HTML
   - Reference
   - accesskey
+browser-compat: html.global_attributes.accesskey
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -91,24 +92,11 @@ <h2 id="Accessibility_concerns">Accessibility concerns</h2>
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "interaction.html#the-accesskey-attribute", "accesskey")}}</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<div class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>
-
-<p>{{Compat("html.global_attributes.accesskey")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/autocapitalize/index.html b/files/en-us/web/html/global_attributes/autocapitalize/index.html
@@ -6,6 +6,7 @@
   - Global attributes
   - HTML
   - Reference
+browser-compat: html.global_attributes.autocapitalize
 ---
 <p>{{HTMLSidebar("Global_attributes")}}</p>
 
@@ -24,19 +25,8 @@
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "interaction.html#attr-autocapitalize", "autocapitalize")}}</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes.autocapitalize")}}</p>
+<p>{{Compat}}</p>
diff --git a/files/en-us/web/html/global_attributes/class/index.html b/files/en-us/web/html/global_attributes/class/index.html
@@ -5,6 +5,7 @@
   - Global attributes
   - HTML
   - Reference
+browser-compat: html.global_attributes.class
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -18,20 +19,11 @@
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
-	<tbody>
-		<tr>
-			<th scope="col">Specification</th>
-		</tr>
-		<tr>
-			<td>{{SpecName('HTML WHATWG', "elements.html#classes", "class")}}</td>
-		</tr>
-	</tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes.class")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/contenteditable/index.html b/files/en-us/web/html/global_attributes/contenteditable/index.html
@@ -10,6 +10,7 @@
   - contenteditable
   - text entry
   - text input
+browser-compat: html.global_attributes.contenteditable
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -36,22 +37,11 @@
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName("HTML WHATWG", "editing.html#attr-contenteditable", "contenteditable")}}</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes.contenteditable")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/contextmenu/index.html b/files/en-us/web/html/global_attributes/contextmenu/index.html
@@ -7,6 +7,7 @@
   - HTML
   - Reference
   - contextmenu
+browser-compat: html.global_attributes.contextmenu
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -88,28 +89,11 @@ <h3 id="Result">Result</h3>
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName("HTML5.1", "interactive-elements.html#context-menus", "contextmenu")}}</td>
-   <td>{{Spec2("HTML5.1")}}</td>
-   <td>Snapshot of {{SpecName("HTML WHATWG")}}, initial definition.</td>
-  </tr>
- </tbody>
-</table>
+<p>The <a href="https://html.spec.whatwg.org/multipage/obsolete.html#attr-contextmenu">contextmenu attribute is obsolete</a> and will be removed from all browsers.</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes.contextmenu")}}</p>
-
-<p>[1] An experimental implementation was originally available via the command line option <code>--enable-blink-features=ContextMenu</code>. Until Chrome 52 and Opera 39 it was additionally available by enabling the <em>Experimental Web Platform features</em> option, but got removed from that due to a <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=412945">Web compatibility issue</a>. In June 2017, it was removed entirely from the browsers. This is documented in <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=87553">Chrome bug 87553</a>.</p>
-
-<p>[2] Support for the <code>contextmenu</code> attribute has been removed from Firefox Mobile ({{bug(1424252)}}).</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/data-_star_/index.html b/files/en-us/web/html/global_attributes/data-_star_/index.html
@@ -5,6 +5,7 @@
   - Global attributes
   - HTML
   - Reference
+browser-compat: html.global_attributes.data_attributes
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -39,24 +40,11 @@ <h3 id="Usage">Usage</h3>
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "dom.html#attr-data-*", "data-*")}}</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<div class="hidden">The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>
-
-<p>{{Compat("html.global_attributes.data_attributes")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/dir/index.html b/files/en-us/web/html/global_attributes/dir/index.html
@@ -6,6 +6,7 @@
   - Global attributes
   - HTML
   - Reference
+browser-compat: html.global_attributes.dir
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -48,20 +49,11 @@
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "dom.html#the-dir-attribute", "dir")}}</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes.dir")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/draggable/index.html b/files/en-us/web/html/global_attributes/draggable/index.html
@@ -5,6 +5,7 @@
   - Global attributes
   - HTML
   - Reference
+browser-compat: html.global_attributes.draggable
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -25,22 +26,11 @@
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName("HTML WHATWG", "interaction.html#the-draggable-attribute", "draggable")}}</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes.draggable")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/enterkeyhint/index.html b/files/en-us/web/html/global_attributes/enterkeyhint/index.html
@@ -5,6 +5,7 @@
   - Global attributes
   - HTML
   - Reference
+browser-compat: html.global_attributes.enterkeyhint
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -84,25 +85,13 @@ <h3>Values</h3>
   </tbody>
 </table>
 
-
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "interaction.html#attr-enterkeyhint", "enterkeyhint")}}</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes.enterkeyhint")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/hidden/index.html b/files/en-us/web/html/global_attributes/hidden/index.html
@@ -5,6 +5,7 @@
   - Global attributes
   - HTML
   - Reference
+browser-compat: html.global_attributes.hidden
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -30,20 +31,11 @@
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "interaction.html#the-hidden-attribute", "hidden")}}</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes.hidden")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/id/index.html b/files/en-us/web/html/global_attributes/id/index.html
@@ -7,6 +7,7 @@
   - Reference
   - Web
   - id
+browser-compat: html.global_attributes.id
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -28,20 +29,11 @@
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "dom.html#the-id-attribute", "id")}}</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes.id")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>
 

diff --git a/files/en-us/web/html/global_attributes/index.html b/files/en-us/web/html/global_attributes/index.html
@@ -6,6 +6,7 @@
   - HTML
   - Reference
   - Web
+browser-compat: html.global_attributes
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
@@ -145,7 +146,7 @@ <h2 id="Specifications">Specifications</h2>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{Compat("html.global_attributes")}}</p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>