docs: format browser-support tables for GitHub markdown (#41122)

Format the HTML used in browser-support.md such that the tables
render correctly under GitHub markdown.

PR Close #41122

aio/content/guide/browser-support.md

@@ -3,90 +3,44 @@
 Angular supports most recent browsers. This includes the following specific versions:
 
 <table>
-
   <tr>
-
+    <th>Browser</th>
-<th>
+    <th>Supported versions</th>
-      Browser
-</th>
-
-<th>
-      Supported versions
-</th>
-
   </tr>
-
   <tr>
-
+    <td>Chrome</td>
-    <td>
+    <td>latest</td>
-      Chrome
-    </td>
-
-    <td>
-      latest
-    </td>
   </tr>
-
   <tr>
-
+    <td>Firefox</td>
-    <td>
+    <td>latest and extended support release (ESR)</td>
-      Firefox
-    </td>
-
-    <td>
-      latest and extended support release (ESR)
-    </td>
   </tr>
-
   <tr>
-
+    <td>Edge</td>
+    <td>2 most recent major versions</td>
+  </tr>
+  <tr>
+    <td>IE</td>
     <td>
-      Edge
+      11<br>
-    </td>
+      <em>*deprecated, see the <a href="guide/deprecations#internet-explorer-11">deprecations guide</a></em>
-
-    <td>
-      2 most recent major versions
     </td>
   </tr>
   <tr>
-    <td>
+    <td>Safari</td>
-      IE
+    <td>2 most recent major versions</td>
-    </td>
-    <td>
-      <div>11<br>
-      <em>*deprecated, see the <a href="guide/deprecations#internet-explorer-11">deprecations guide</a></em></div>
-    </td>
   </tr>
   <tr>
-    <td>
+    <td>iOS</td>
-      Safari
+    <td>2 most recent major versions</td>
-    </td>
-
-    <td>
-      2 most recent major versions
-    </td>
   </tr>
   <tr>
-    <td>
+    <td>Android</td>
-      iOS
+    <td>Q (10.0), Pie (9.0), Oreo (8.0), Nougat (7.0)</td>
-    </td>
-
-    <td>
-      2 most recent major versions
-    </td>
   </tr>
-  <tr>
-    <td>
-      Android
-    </td>
-
-    <td>
-      Q (10.0), Pie (9.0), Oreo (8.0), Nougat (7.0)
-    </td>
-  </tr>
-
 </table>
 
+
 <div class="alert is-helpful">
 
 Angular's continuous integration process runs unit tests of the framework on all of these browsers for every pull request,
@@ -158,220 +112,133 @@ If the polyfill you want is not already in `polyfills.ts` file, add the `import`
 These are the polyfills required to run an Angular application on each supported browser:
 
 <table>
-
   <tr style="vertical-align: top">
-
+    <th>Browsers (Desktop & Mobile)</th>
-    <th>
+    <th>Polyfills Required</th>
-      Browsers (Desktop & Mobile)
-    </th>
-
-    <th>
-      Polyfills Required
-    </th>
-
   </tr>
-
   <tr style="vertical-align: top">
-
     <td>
       Chrome, Firefox, Edge, <br>
       Safari, Android, IE 11
     </td>
-
     <td>
-
+      <a href="guide/browser-support#core-es6">ES2015</a>
-      [ES2015](guide/browser-support#core-es6)
-
     </td>
-
   </tr>
-
 </table>
 
-
 ### Optional browser features to polyfill
 
 Some features of Angular may require additional polyfills.
 
 <table>
-
   <tr style="vertical-align: top">
-
+    <th>Feature</th>
-    <th>
+    <th>Polyfill</th>
-      Feature
+    <th style="width: 50%">Browsers (Desktop & Mobile)</th>
-    </th>
-
-    <th>
-      Polyfill
-    </th>
-
-    <th style="width: 50%">
-       Browsers (Desktop & Mobile)
-    </th>
-
   </tr>
-
   <tr style="vertical-align: top">
-
     <td>
-
+      <a href="api/animations/AnimationBuilder">AnimationBuilder</a>
-      [AnimationBuilder](api/animations/AnimationBuilder).
       (Standard animation support does not require polyfills.)
-
     </td>
-
     <td>
-
+      <a href="guide/browser-support#web-animations">Web Animations</a>
-      [Web Animations](guide/browser-support#web-animations)
-
     </td>
-
     <td>
       <p>If AnimationBuilder is used, enables scrubbing
       support for IE/Edge and Safari.
       (Chrome and Firefox support this natively).</p>
     </td>
-
   </tr>
 
   <tr style="vertical-align: top">
-
     <td>
-
+      <a href="api/common/NgClass">NgClass</a> on SVG elements
-       [NgClass](api/common/NgClass) on SVG elements
     </td>
-
     <td>
-
+      <a href="guide/browser-support#classlist">classList</a>
-      [classList](guide/browser-support#classlist)
-
     </td>
-
     <td>
       IE 11
     </td>
-
   </tr>
 
   <tr style="vertical-align: top">
-
     <td>
-
+      <a href="guide/router">Router</a> when using <a href="guide/router#location-strategy">hash-based routing</a>
-      [Router](guide/router) when using
-      [hash-based routing](guide/router#location-strategy)
     </td>
-
     <td>
-
+      <a href="guide/browser-support#core-es7-array">ES7/array</a>
-      [ES7/array](guide/browser-support#core-es7-array)
-
     </td>
-
     <td>
       IE 11
     </td>
-
   </tr>
-
 </table>
 
-
-
 ### Suggested polyfills
 
 The following polyfills are used to test the framework itself. They are a good starting point for an application.
 
 
 <table>
-
   <tr>
-
     <th>
       Polyfill
     </th>
-
     <th>
       License
     </th>
-
     <th>
       Size*
     </th>
-
   </tr>
-
   <tr>
-
     <td>
-
       <a id='core-es7-array' href="https://github.com/zloirock/core-js/tree/v2/fn/array">ES7/array</a>
-
     </td>
-
     <td>
       MIT
     </td>
-
     <td>
       0.1KB
     </td>
-
   </tr>
-
   <tr>
-
     <td>
-
       <a id='core-es6' href="https://github.com/zloirock/core-js">ES2015</a>
-
     </td>
-
     <td>
       MIT
     </td>
-
     <td>
       27.4KB
     </td>
-
   </tr>
 
   <tr>
-
     <td>
-
       <a id='classlist' href="https://github.com/eligrey/classList.js">classList</a>
-
     </td>
-
     <td>
       Public domain
     </td>
-
     <td>
       1KB
     </td>
-
   </tr>
-
   <tr>
-
     <td>
-
        <a id='web-animations' href="https://github.com/web-animations/web-animations-js">Web Animations</a>
-
     </td>
-
     <td>
       Apache
     </td>
-
     <td>
       14.8KB
     </td>
-
   </tr>
-
 </table>
 
 
@@ -399,7 +266,6 @@ For example:
     // __Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
     // __Zone_disable_on_property = true; // disable patch onProperty such as onclick
     // __zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
-
     /*
      * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
      * with the following flag, it will bypass `zone.js` patch for IE/Edge
@@ -408,6 +274,5 @@ For example:
   &lt;/script>
   &lt;!-- zone.js required by Angular -->
   &lt;script src="node_modules/zone.js/bundles/zone.umd.js">&lt;/script>
-
   &lt;!-- application polyfills -->
 </code-example>