Skip to content

Commit eba1289

Browse files
leandrodinizjosephperrott
authored andcommitted
docs: format browser-support tables for GitHub markdown (angular#41122)
Format the HTML used in browser-support.md such that the tables render correctly under GitHub markdown. PR Close angular#41122
1 parent 274dc15 commit eba1289

File tree

1 file changed

+31
-166
lines changed

1 file changed

+31
-166
lines changed

aio/content/guide/browser-support.md

Lines changed: 31 additions & 166 deletions
Original file line numberDiff line numberDiff line change
@@ -3,90 +3,44 @@
33
Angular supports most recent browsers. This includes the following specific versions:
44

55
<table>
6-
76
<tr>
8-
9-
<th>
10-
Browser
11-
</th>
12-
13-
<th>
14-
Supported versions
15-
</th>
16-
7+
<th>Browser</th>
8+
<th>Supported versions</th>
179
</tr>
18-
1910
<tr>
20-
21-
<td>
22-
Chrome
23-
</td>
24-
25-
<td>
26-
latest
27-
</td>
11+
<td>Chrome</td>
12+
<td>latest</td>
2813
</tr>
29-
3014
<tr>
31-
32-
<td>
33-
Firefox
34-
</td>
35-
36-
<td>
37-
latest and extended support release (ESR)
38-
</td>
15+
<td>Firefox</td>
16+
<td>latest and extended support release (ESR)</td>
3917
</tr>
40-
4118
<tr>
42-
43-
<td>
44-
Edge
45-
</td>
46-
47-
<td>
48-
2 most recent major versions
49-
</td>
19+
<td>Edge</td>
20+
<td>2 most recent major versions</td>
5021
</tr>
5122
<tr>
23+
<td>IE</td>
5224
<td>
53-
IE
54-
</td>
55-
<td>
56-
<div>11<br>
57-
<em>*deprecated, see the <a href="guide/deprecations#internet-explorer-11">deprecations guide</a></em></div>
25+
11<br>
26+
<em>*deprecated, see the <a href="guide/deprecations#internet-explorer-11">deprecations guide</a></em>
5827
</td>
5928
</tr>
60-
<tr>
61-
<td>
62-
Safari
63-
</td>
64-
65-
<td>
66-
2 most recent major versions
67-
</td>
29+
<tr>
30+
<td>Safari</td>
31+
<td>2 most recent major versions</td>
6832
</tr>
6933
<tr>
70-
<td>
71-
iOS
72-
</td>
73-
74-
<td>
75-
2 most recent major versions
76-
</td>
34+
<td>iOS</td>
35+
<td>2 most recent major versions</td>
7736
</tr>
7837
<tr>
79-
<td>
80-
Android
81-
</td>
82-
83-
<td>
84-
Q (10.0), Pie (9.0), Oreo (8.0), Nougat (7.0)
85-
</td>
38+
<td>Android</td>
39+
<td>Q (10.0), Pie (9.0), Oreo (8.0), Nougat (7.0)</td>
8640
</tr>
87-
8841
</table>
8942

43+
9044
<div class="alert is-helpful">
9145

9246
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`
158112
These are the polyfills required to run an Angular application on each supported browser:
159113

160114
<table>
161-
162115
<tr style="vertical-align: top">
163-
164-
<th>
165-
Browsers (Desktop & Mobile)
166-
</th>
167-
168-
<th>
169-
Polyfills Required
170-
</th>
171-
116+
<th>Browsers (Desktop & Mobile)</th>
117+
<th>Polyfills Required</th>
172118
</tr>
173-
174119
<tr style="vertical-align: top">
175-
176120
<td>
177121
Chrome, Firefox, Edge, <br>
178122
Safari, Android, IE 11
179123
</td>
180-
181124
<td>
182-
183-
[ES2015](guide/browser-support#core-es6)
184-
125+
<a href="guide/browser-support#core-es6">ES2015</a>
185126
</td>
186-
187127
</tr>
188-
189128
</table>
190129

191-
192130
### Optional browser features to polyfill
193131

194132
Some features of Angular may require additional polyfills.
195133

196134
<table>
197-
198135
<tr style="vertical-align: top">
199-
200-
<th>
201-
Feature
202-
</th>
203-
204-
<th>
205-
Polyfill
206-
</th>
207-
208-
<th style="width: 50%">
209-
Browsers (Desktop & Mobile)
210-
</th>
211-
136+
<th>Feature</th>
137+
<th>Polyfill</th>
138+
<th style="width: 50%">Browsers (Desktop & Mobile)</th>
212139
</tr>
213-
214140
<tr style="vertical-align: top">
215-
216141
<td>
217-
218-
[AnimationBuilder](api/animations/AnimationBuilder).
142+
<a href="api/animations/AnimationBuilder">AnimationBuilder</a>
219143
(Standard animation support does not require polyfills.)
220-
221144
</td>
222-
223145
<td>
224-
225-
[Web Animations](guide/browser-support#web-animations)
226-
146+
<a href="guide/browser-support#web-animations">Web Animations</a>
227147
</td>
228-
229148
<td>
230149
<p>If AnimationBuilder is used, enables scrubbing
231150
support for IE/Edge and Safari.
232151
(Chrome and Firefox support this natively).</p>
233152
</td>
234-
235153
</tr>
236154

237155
<tr style="vertical-align: top">
238-
239156
<td>
240-
241-
[NgClass](api/common/NgClass) on SVG elements
157+
<a href="api/common/NgClass">NgClass</a> on SVG elements
242158
</td>
243-
244159
<td>
245-
246-
[classList](guide/browser-support#classlist)
247-
160+
<a href="guide/browser-support#classlist">classList</a>
248161
</td>
249-
250162
<td>
251163
IE 11
252164
</td>
253-
254165
</tr>
255166

256167
<tr style="vertical-align: top">
257-
258168
<td>
259-
260-
[Router](guide/router) when using
261-
[hash-based routing](guide/router#location-strategy)
169+
<a href="guide/router">Router</a> when using <a href="guide/router#location-strategy">hash-based routing</a>
262170
</td>
263-
264171
<td>
265-
266-
[ES7/array](guide/browser-support#core-es7-array)
267-
172+
<a href="guide/browser-support#core-es7-array">ES7/array</a>
268173
</td>
269-
270174
<td>
271175
IE 11
272176
</td>
273-
274177
</tr>
275-
276178
</table>
277179

278-
279-
280180
### Suggested polyfills
281181

282182
The following polyfills are used to test the framework itself. They are a good starting point for an application.
283183

284184

285185
<table>
286-
287186
<tr>
288-
289187
<th>
290188
Polyfill
291189
</th>
292-
293190
<th>
294191
License
295192
</th>
296-
297193
<th>
298194
Size*
299195
</th>
300-
301196
</tr>
302-
303197
<tr>
304-
305198
<td>
306-
307199
<a id='core-es7-array' href="https://github.com/zloirock/core-js/tree/v2/fn/array">ES7/array</a>
308-
309200
</td>
310-
311201
<td>
312202
MIT
313203
</td>
314-
315204
<td>
316205
0.1KB
317206
</td>
318-
319207
</tr>
320-
321208
<tr>
322-
323209
<td>
324-
325210
<a id='core-es6' href="https://github.com/zloirock/core-js">ES2015</a>
326-
327211
</td>
328-
329212
<td>
330213
MIT
331214
</td>
332-
333215
<td>
334216
27.4KB
335217
</td>
336-
337218
</tr>
338219

339220
<tr>
340-
341221
<td>
342-
343222
<a id='classlist' href="https://github.com/eligrey/classList.js">classList</a>
344-
345223
</td>
346-
347224
<td>
348225
Public domain
349226
</td>
350-
351227
<td>
352228
1KB
353229
</td>
354-
355230
</tr>
356-
357231
<tr>
358-
359232
<td>
360-
361233
<a id='web-animations' href="https://github.com/web-animations/web-animations-js">Web Animations</a>
362-
363234
</td>
364-
365235
<td>
366236
Apache
367237
</td>
368-
369238
<td>
370239
14.8KB
371240
</td>
372-
373241
</tr>
374-
375242
</table>
376243

377244

@@ -399,7 +266,6 @@ For example:
399266
// __Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
400267
// __Zone_disable_on_property = true; // disable patch onProperty such as onclick
401268
// __zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
402-
403269
/*
404270
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
405271
* with the following flag, it will bypass `zone.js` patch for IE/Edge
@@ -408,6 +274,5 @@ For example:
408274
&lt;/script>
409275
&lt;!-- zone.js required by Angular -->
410276
&lt;script src="node_modules/zone.js/bundles/zone.umd.js">&lt;/script>
411-
412277
&lt;!-- application polyfills -->
413278
</code-example>

0 commit comments

Comments
 (0)