docs: update browser support (#21606)

PR Close #21606

aio/content/guide/browser-support.md

@@ -2,7 +2,6 @@
 
 Angular supports most recent browsers. This includes the following specific versions:
 
-
 <table>
 
   <tr>
@@ -52,7 +51,7 @@ Angular supports most recent browsers. This includes the following specific vers
     </td>
 
     <td>
-      14
+      2 most recent major versions
     </td>
 
     <td>
@@ -60,11 +59,11 @@ Angular supports most recent browsers. This includes the following specific vers
     </td>
 
     <td>
-      10
+      2 most recent major versions
     </td>
 
     <td>
-      10
+      2 most recent major versions
     </td>
 
     <td>
@@ -88,7 +87,7 @@ Angular supports most recent browsers. This includes the following specific vers
     </td>
 
     <td>
-      13
+
     </td>
 
     <td>
@@ -96,11 +95,11 @@ Angular supports most recent browsers. This includes the following specific vers
     </td>
 
     <td>
-      9
+
     </td>
 
     <td>
-      9
+
     </td>
 
     <td>
@@ -132,11 +131,11 @@ Angular supports most recent browsers. This includes the following specific vers
     </td>
 
     <td>
-      8
+
     </td>
 
     <td>
-      8
+
     </td>
 
     <td>
@@ -149,42 +148,6 @@ Angular supports most recent browsers. This includes the following specific vers
 
   </tr>
 
-  <tr>
-
-    <td>
-
-    </td>
-
-    <td>
-
-    </td>
-
-    <td>
-
-    </td>
-
-    <td>
-
-    </td>
-
-    <td>
-      7
-    </td>
-
-    <td>
-      7
-    </td>
-
-    <td>
-      Jelly Bean<br>(4.1, 4.2, 4.3)
-    </td>
-
-    <td>
-
-    </td>
-
-  </tr>
-
 </table>
 
 <div class="l-sub-section">
@@ -219,21 +182,17 @@ the CLI created with your project.
 
 This file incorporates the mandatory and many of the optional polyfills as JavaScript `import` statements.
 
-The npm packages for the _mandatory_ polyfills (such as `zone.js`) were installed automatically for you when you created your project and 
+The npm packages for the _mandatory_ polyfills (such as `zone.js`) were installed automatically for you when you created your project and their corresponding `import` statements are ready to go. You probably won't touch these.
-their corresponding `import` statements are ready to go.
-You probably won't touch these.
 
 But if you need an optional polyfill, you'll have to install its npm package with `npm` or `yarn`.
-For example, [if you need the web animations polyfill](http://caniuse.com/#feat=web-animation),
+For example, [if you need the web animations polyfill](http://caniuse.com/#feat=web-animation), you could install it with either of the following commands:
-you could install it with either of the following commands:
 
 <code-example language="sh" class="code-shell">
   npm install --save web-animations-js
   yarn add web-animations-js
 </code-example>
 
-Then open the `polyfills.ts` file and un-comment the corresponding `import` statement
+Then open the `polyfills.ts` file and un-comment the corresponding `import` statement as in the following example:
-as in the following example:
 
 <code-example title="src/polyfills.ts">
   /**
@@ -243,7 +202,7 @@ as in the following example:
   import 'web-animations-js';  // Run `npm install --save web-animations-js`.
 </code-example>
 
-If you can't find the polyfill you want in `polyfills.ts`, 
+If you can't find the polyfill you want in `polyfills.ts`,
 add it yourself, following the same pattern:
 
 1. install the npm package
@@ -281,7 +240,6 @@ These are the polyfills required to run an Angular application on each supported
     </td>
 
     <td>
-
       [ES7/reflect](guide/browser-support#core-es7-reflect) (JIT only)
     </td>
 
@@ -294,8 +252,6 @@ These are the polyfills required to run an Angular application on each supported
     </td>
 
     <td>
-
-
       [ES6](guide/browser-support#core-es6)
     </td>
 
@@ -308,10 +264,7 @@ These are the polyfills required to run an Angular application on each supported
     </td>
 
     <td>
-
-
       [ES6<br>classList](guide/browser-support#classlist)
-
     </td>
 
   </tr>
@@ -323,8 +276,7 @@ These are the polyfills required to run an Angular application on each supported
 
 Some features of Angular may require additional polyfills.
 
-For example, the animations library relies on the standard web animation API, which is only available in Chrome and Firefox today.
+For example, the animations library relies on the standard web animation API, which is only available in Chrome and Firefox today. You'll need a polyfill to use animations in other browsers.
-You'll need a polyfill to use animations in other browsers.
 
 Here are the features which may require additional polyfills:
 
@@ -350,20 +302,17 @@ Here are the features which may require additional polyfills:
   <tr style="vertical-align: top">
 
     <td>
-
+      [JIT compilation](guide/aot-compiler).
-      [JIT compilation](guide/aot-compiler). 
       Required to reflect for metadata.
     </td>
 
     <td>
-
       [ES7/reflect](guide/browser-support#core-es7-reflect)
     </td>
 
     <td>
-      All current browsers.
+      All current browsers. Enabled by default.
-      Enabled by default.
+      Can remove if you always use AOT and only use Angular decorators.
-      Can remove If you always use AOT and only use Angular decorators.
     </td>
 
   </tr>
@@ -371,13 +320,10 @@ Here are the features which may require additional polyfills:
   <tr style="vertical-align: top">
 
     <td>
-
       [Animations](guide/animations)
     </td>
 
     <td>
-
-
       [Web Animations](guide/browser-support#web-animations)
     </td>
 
@@ -390,13 +336,10 @@ Here are the features which may require additional polyfills:
   <tr style="vertical-align: top">
 
     <td>
-
     If you use the following deprecated i18n pipes: [date](api/common/DeprecatedDatePipe), [currency](api/common/DeprecatedCurrencyPipe), [decimal](api/common/DeprecatedDecimalPipe) and [percent](api/common/DeprecatedPercentPipe)
     </td>
 
     <td>
-
-
       [Intl API](guide/browser-support#intl)
     </td>
 
@@ -409,13 +352,10 @@ Here are the features which may require additional polyfills:
   <tr style="vertical-align: top">
 
     <td>
-
        [NgClass](api/common/NgClass) on SVG elements
     </td>
 
     <td>
-
-
       [classList](guide/browser-support#classlist)
     </td>
 
@@ -428,12 +368,10 @@ Here are the features which may require additional polyfills:
   <tr style="vertical-align: top">
 
     <td>
-
       [Http](guide/http) when sending and receiving binary data
     </td>
 
     <td>
-
       [Typed&nbsp;Array](guide/browser-support#typedarray)<br>
       [Blob](guide/browser-support#blob)<br>
       [FormData](guide/browser-support#formdata)
@@ -474,7 +412,6 @@ Below are the polyfills which are used to test the framework itself. They are a
   <tr>
 
     <td>
-
       <a id='core-es7-reflect' href="https://github.com/zloirock/core-js/blob/master/es7/reflect.js">ES7/reflect</a>
     </td>
 
@@ -603,7 +540,6 @@ Below are the polyfills which are used to test the framework itself. They are a
 </table>
 
 
-
 \* Figures are for minified and gzipped code,
 computed with the <a href="http://closure-compiler.appspot.com/home">closure compiler</a>.