Migrate CompatibilityTable to Compat macro (es) (#4355)

* Migrate CompatibilityTable to Compat macro (es)

* Migrate to multiple Compat macro (es)

7 files changed, 7 insertions, 452 deletions

diff --git a/files/es/web/svg/element/circle/index.html b/files/es/web/svg/element/circle/index.html
index 36b4f9e6c2..9d28dcb6f3 100644
--- a/files/es/web/svg/element/circle/index.html
+++ b/files/es/web/svg/element/circle/index.html
@@ -59,55 +59,7 @@ translation_of: Web/SVG/Element/circle
 
 <h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th scope="col">Chrome</th>
-   <th scope="col">Firefox (Gecko)</th>
-   <th scope="col">Internet Explorer</th>
-   <th scope="col">Opera</th>
-   <th scope="col">Safari</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>1.0</td>
-   <td>{{ CompatGeckoDesktop('1.8') }}</td>
-   <td>{{ CompatIE('9.0') }}</td>
-   <td>{{ CompatOpera('8.0') }}</td>
-   <td>{{ CompatSafari('3.0.4') }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>{{ CompatAndroid('3.0') }}</td>
-   <td>{{ CompatGeckoMobile('1.8') }}</td>
-   <td>{{ CompatNo() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatSafari('3.0.4') }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>La gráfica está basada en <a href="/en-US/docs/Web/SVG/Compatibility_sources">estas fuentes</a>.</p>
+{{Compat("svg.elements.circle")}}
 
 <h2 id="Relacionado">Relacionado</h2>
 
diff --git a/files/es/web/svg/element/g/index.html b/files/es/web/svg/element/g/index.html
index 1c0438c53d..ad86ba75c9 100644
--- a/files/es/web/svg/element/g/index.html
+++ b/files/es/web/svg/element/g/index.html
@@ -59,52 +59,4 @@ translation_of: Web/SVG/Element/g
 
 <h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
 
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th scope="col">Característica</th>
-   <th scope="col">Chrome</th>
-   <th scope="col">Firefox (Gecko)</th>
-   <th scope="col">Internet Explorer</th>
-   <th scope="col">Opera</th>
-   <th scope="col">Safari</th>
-  </tr>
-  <tr>
-   <td>Soporte Básico</td>
-   <td>1.0</td>
-   <td>{{CompatGeckoDesktop('1.8')}}</td>
-   <td>{{CompatIE('9.0')}}</td>
-   <td>{{CompatOpera('8.0')}}</td>
-   <td>{{CompatSafari('3.0.4')}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Soporte Básico</td>
-   <td>{{CompatAndroid('3.0')}}</td>
-   <td>{{CompatGeckoMobile('1.8')}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatSafari('3.0.4')}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>La tabla está basada en <a href="/en-US/docs/SVG/Compatibility_sources" title="SVG/Compatibility sources">these sources</a>.</p>
+{{Compat("svg.elements.g")}}
diff --git a/files/es/web/svg/element/rect/index.html b/files/es/web/svg/element/rect/index.html
index 4f9ef94f3c..48539aa4a3 100644
--- a/files/es/web/svg/element/rect/index.html
+++ b/files/es/web/svg/element/rect/index.html
@@ -84,55 +84,7 @@ translation_of: Web/SVG/Element/rect
 
 <h2 id="Compatibilidad_de_los_Navegadores">Compatibilidad de los Navegadores</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th scope="col">Feature</th>
-   <th scope="col">Chrome</th>
-   <th scope="col">Firefox (Gecko)</th>
-   <th scope="col">Internet Explorer</th>
-   <th scope="col">Opera</th>
-   <th scope="col">Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>1.0</td>
-   <td>{{ CompatGeckoDesktop('1.8') }}</td>
-   <td>{{ CompatIE('9.0') }}</td>
-   <td>{{ CompatOpera('8.0') }}</td>
-   <td>{{ CompatSafari('3.0.4') }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{ CompatAndroid('3.0') }}</td>
-   <td>{{ CompatGeckoMobile('1.8') }}</td>
-   <td>{{ CompatNo() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatSafari('3.0.4') }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>Esta tabla está basada en <a href="/en/SVG/Compatibility_sources" title="en/SVG/Compatibility sources">estos recursos</a>.</p>
+{{Compat("svg.elements.rect")}}
 
 <h2 id="Ver_también">Ver también</h2>
 
diff --git a/files/es/web/svg/element/script/index.html b/files/es/web/svg/element/script/index.html
index 1efecd0e7c..7e24ff3066 100644
--- a/files/es/web/svg/element/script/index.html
+++ b/files/es/web/svg/element/script/index.html
@@ -117,134 +117,7 @@ original_slug: Web/HTML/Elemento/script
 
 <h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
 
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{CompatChrome(1.0)}}</td>
-   <td>{{CompatGeckoDesktop("1.0")}}<sup>[2]</sup></td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>async attribute</td>
-   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
-   <td>{{CompatGeckoDesktop("1.9.2")}}<sup>[1]</sup></td>
-   <td>10<sup>[1]</sup></td>
-   <td>{{CompatNo}}<sup>[1]</sup></td>
-   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
-  </tr>
-  <tr>
-   <td>defer attribute</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
-   <td>
-    <p>4[3]<br>
-     10</p>
-   </td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>crossorigin attribute</td>
-   <td>{{CompatChrome(30.0)}}</td>
-   <td>{{CompatGeckoDesktop("13")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>12.50</td>
-   <td>{{CompatVersionUnknown}}<sup>[4]</sup></td>
-  </tr>
-  <tr>
-   <td>integrity attribute</td>
-   <td>{{CompatChrome(45.0)}}</td>
-   <td>{{CompatGeckoDesktop("43")}}</td>
-   <td> </td>
-   <td> </td>
-   <td>{{CompatNo}}<sup>[5]</sup></td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Android Webview</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-   <th>Chrome for Android</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatGeckoMobile("1.0")}}<sup>[2]</sup></td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>async attribute</td>
-   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
-   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
-   <td>{{CompatGeckoMobile("1.0")}}<sup>[1]</sup></td>
-   <td>{{CompatNo}}<sup>[1]</sup></td>
-   <td>{{CompatUnknown}}<sup>[1]</sup></td>
-   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
-   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
-  </tr>
-  <tr>
-   <td>defer attribute</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatGeckoMobile("1.0")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>integrity attribute</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome(45.0)}}</td>
-   <td>{{CompatGeckoDesktop("43")}}</td>
-   <td> </td>
-   <td> </td>
-   <td> </td>
-   <td>{{CompatChrome(45.0)}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] In older browsers that don't support the <code>async</code> attribute, parser-inserted scripts block the parser; script-inserted scripts execute asynchronously in IE and WebKit, but synchronously in Opera and pre-4.0 Firefox. In Firefox 4.0, the <code>async</code> DOM property defaults to <code>true</code> for script-created scripts, so the default behavior matches the behavior of IE and WebKit. To request script-inserted external scripts be executed in the insertion order in browsers where the <code>document.createElement("script").async</code> evaluates to <code>true</code> (such as Firefox 4.0), set <code>.async=false</code> on the scripts you want to maintain order. Never call <code>document.write()</code> from an <code>async</code> script. In Gecko 1.9.2, calling <code>document.write()</code> has an unpredictable effect. In Gecko 2.0, calling <code>document.write()</code> from an <code>async</code> script has no effect (other than printing a warning to the error console).</p>
-
-<p>[2] Starting in Gecko 2.0 {{geckoRelease("2.0")}}, inserting script elements that have been created by calling <code>document.createElement("script")</code> into the DOM no longer enforces execution in insertion order. This change lets Gecko properly abide by the HTML5 specification. To make script-inserted external scripts execute in their insertion order, set <code>.async=false</code> on them.</p>
-
-<p>Also, {{HTMLElement("script")}} elements inside {{HTMLElement("iframe")}}, {{HTMLElement("noembed")}} and {{HTMLElement("noframes")}} elements are now executed, for the same reasons.</p>
-
-<p>[3] In versions prior to Internet Explorer 10 Trident implemented <code>&lt;script&gt;</code> by a proprietary specification. Since version 10 it conforms to the W3C specification.</p>
-
-<p>[4] The <code>crossorigin</code> attribute was implemented in WebKit in {{WebKitBug(81438)}}.</p>
-
-<p>[5] {{WebKitBug(148363)}} tracks WebKit implementation of Subresource Integrity (which includes the <code>integrity</code> attribute).</p>
+{{Compat("svg.elements.script")}}
 
 <h2 id="Ver_también">Ver también</h2>
 
diff --git a/files/es/web/svg/element/style/index.html b/files/es/web/svg/element/style/index.html
index f48b22ad0a..f546048de5 100644
--- a/files/es/web/svg/element/style/index.html
+++ b/files/es/web/svg/element/style/index.html
@@ -55,55 +55,7 @@ translation_of: Web/SVG/Element/style
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th scope="col">Feature</th>
-   <th scope="col">Chrome</th>
-   <th scope="col">Firefox (Gecko)</th>
-   <th scope="col">Internet Explorer</th>
-   <th scope="col">Opera</th>
-   <th scope="col">Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>1.0</td>
-   <td>{{ CompatGeckoDesktop('1.8') }}</td>
-   <td>{{ CompatIE('9.0') }}</td>
-   <td>{{ CompatOpera('9.0') }}</td>
-   <td>{{ CompatSafari('3.0.4') }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{ CompatAndroid('3.0') }}</td>
-   <td>{{ CompatGeckoMobile('1.8') }}</td>
-   <td>{{ CompatNo() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatSafari('3.0.4') }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>The chart is based on <a href="/en/SVG/Compatibility_sources" title="en/SVG/Compatibility sources">these sources</a>.</p>
+{{Compat("svg.elements.style")}}
 
 <h2 id="See_also">See also</h2>
 
diff --git a/files/es/web/svg/element/text/index.html b/files/es/web/svg/element/text/index.html
index e694d9dd52..256647c469 100644
--- a/files/es/web/svg/element/text/index.html
+++ b/files/es/web/svg/element/text/index.html
@@ -93,55 +93,7 @@ translation_of: Web/SVG/Element/text
 
 <h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>IE</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{ CompatChrome('1.0') }}</td>
-   <td>{{ CompatGeckoDesktop('1.8') }}</td>
-   <td>{{ CompatIE('9.0') }}</td>
-   <td>{{ CompatOpera('8.0') }}</td>
-   <td>{{ CompatSafari('3.0.4') }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{ CompatAndroid('3.0') }}</td>
-   <td>{{ CompatGeckoMobile('1.8') }}</td>
-   <td>{{ CompatNo() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatSafari('3.0.4') }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>La gráfica está basada en  <a href="/en/SVG/Compatibility_sources" title="en/SVG/Compatibility sources">estas fuentes</a>.</p>
+{{Compat("svg.elements.text")}}
 
 <h2 id="Relacionados">Relacionados</h2>
 
diff --git a/files/es/web/svg/element/use/index.html b/files/es/web/svg/element/use/index.html
index d0af0ab1fa..96a635326f 100644
--- a/files/es/web/svg/element/use/index.html
+++ b/files/es/web/svg/element/use/index.html
@@ -73,82 +73,4 @@ translation_of: Web/SVG/Element/use
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad entre navegadores</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari (WebKit)</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-  </tr>
-  <tr>
-   <td>Carga desde una URL externa</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{CompatNo()}}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-  </tr>
-  <tr>
-   <td>Carga desde dato: URI</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatGeckoDesktop("10.0") }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-  </tr>
-  <tr>
-   <td>Carga desde una URL externa</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-  </tr>
-  <tr>
-   <td>Carga desde dato: URI</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
+{{Compat("svg.elements.use")}}