WebStandards

Web 标准

Updated time: 14/06/2017

HTML

refs: https://www.advancedwebranking.com/html/ 2016-12-11

Overview

percentage name supported
98.1% <head> -
97.9% <body> -
97.9% <html> -
97% <title> -
93.9% <meta> -
89.9% <div> ✓
89.6% <a> ✓
88.5% <script> ✓
86.5% <link> -
86.3% <img> ✓
81.5% <p> - (can be customized)
75.6% <span> - (can be customized)
73.8% <li> - (can be customized)
73.7% <ul> - (can be customized)
70.3% <br> ✕
60.4% <style> ✓
55.8% <h1> - (can be customized)
52.7% <h2> - (can be customized)
48.4% <input> ✓
46.9% <form> ✕
44.3% <strong> - (can be customized)
43.1% <h3> - (can be customized)
30.9% <table> ✕
30.3% <tr> ✕
30.2% <td> ✕

Forms

percentage name supported
49.5% <option> ✕
30.2% <input> ✓
16.6% > [type="hidden"] -
8% > [type="text"] ✓
4.2% > [type="submit"] -
2% > [type="checkbox"] - (<switch>)
1.2% > [type="email"] ✓
1.1% > [type="radio"] ✕
0.9% > [type="image"] -
0.8% > [type="button"] -
0.6% > [type="search"] ✕
0.6% > [type="password"] ✓
0.1% > [type="tel"] ✓
0.1% > [type="number"] ✓
0% > [type="reset"] -
0% > [type="file"] ✕
0% > [type="date"] ✓
0% > [type="url"] ✓
0% > [type="range"] ✕
0% > [type="color"] ✕
0% > [type="time"] ✓
0% > [type="datetime-local"] ✕
7.2% <label> -
6.1% <form> -
3.7% <button> - (can be customized)
2.6% > [type="button"] -
1.3% > [type="submit"] -
0% > [type="reset"] -
1.9% <select> ✕
0.7% <textarea> ✓
0.5% <fieldset> -
0.1% <optgroup> ✕
0.1% <legend> -
0% <progress> ✕
0% <datalist> -
0% <output> -
0% <meter> -

CSS Properties

refs: https://www.chromestatus.com/metrics/feature/popularity 2016-12-11

percentage name supported
90.5115% display ✕ flex only
89.8243% margin ✓ (not support combo)
88.7012% width ✓
88.6468% overflow ✓ iOS only, hidden only for Android
88.6432% background-color ✓
88.0803% height ✓
87.7648% font-size ✓
87.3837% padding ✓
87.2721% color ✓
86.9788% text-align ✓
86.6841% position ✓ relative by default, static not supported
86.6039% font-family ✓
86.5943% font-weight ✓
85.0072% opacity ✓
80.6911% max-width ✕
79.4476% box-sizing ✕ border-box only
75.7623% max-height ✕
74.9939% webkit-user-select ✕
57.0292% align-items ✓
56.8182% justify-content ✓ space-around not supported well in browser
50.5941% flex-direction ✓
48.5052% border ✓
47.5161% top ✓
46.9136% background ✕
46.1552% cursor ✕
46.1443% margin-left ✓
46.0956% left ✓
46.0848% text-decoration ✓
45.9575% float ✕
45.8391% border-bottom ✓
45.7639% padding-left ✓
45.7128% margin-top ✓
45.7013% line-height ✓
45.5836% background-image ✕
45.0837% z-index ✕
45.0649% right ✓
45.0516% margin-bottom ✓
45.0459% white-space ✕
44.8710% margin-right ✓
44.8476% vertical-align ✕
44.6306% padding-top ✓
44.1466% border-radius ✓
44.0136% border-top ✓
43.9815% padding-bottom ✓
43.9392% padding-right ✓
43.8539% visibility ✕
43.4306% background-position ✕
43.4098% background-repeat ✕
43.0391% clear ✕
42.9100% bottom ✓
42.2092% content ✕
42.0690% box-shadow ✕
41.9004% border-color ✓
41.7341% outline ✕
41.4297% border-right ✓
41.2605% border-left ✓
41.1127% min-height ✕
41.0736% font-style ✓
41.0523% min-width ✕
40.4298% list-style ✕
39.7341% font ✕
38.8999% background-size ✕
38.7811% border-width ✓
38.7718% border-collapse ✕
37.8110% border-style ✓
37.4962% text-overflow ✓ must work with lines
37.3471% text-transform ✕
37.2154% transition ✕
36.5155% overflow-y ✕
36.3025% transform ✕
36.2488% text-indent ✕
35.5075% text-shadow ✕
34.7607% webkit-appearance ✕
34.1925% list-style-type ✕
34.0238% border-spacing ✕
33.6664% word-wrap ✕
31.9961% overflow-x ✕
31.9922% zoom ✕
31.2495% border-bottom-left-radius ✕
31.1306% pointer-events ✕
31.1229% border-top-left-radius ✕
30.2131% border-bottom-color ✓
29.9608% border-top-color ✓
29.4297% border-bottom-right-radius ✕
29.2668% border-top-right-radius ✕
28.6489% letter-spacing ✕
27.8327% animation ✕
26.6738% border-right-width ✓
26.0169% src ✕
25.2661% clip ✕
25.2512% webkit-font-smoothing ✕
25.1971% border-bottom-width ✓
25.0246% border-right-color ✓
24.7790% direction ✕
24.4094% webkit-tap-highlight-color ✕
23.9751% border-left-color ✓
23.9321% border-top-width ✓
23.7902% fill ✕
23.2617% border-left-width ✓
22.7278% table-layout ✕
21.5766% word-break ✕
20.4319% background-clip ✕
19.3198% transform-origin ✕
18.9233% filter ✕
17.7879% resize ✕
16.2501% flex ✕
15.1656% font-variant ✕
14.9181% text-rendering ✕
14.7125% webkit-filter ✕
14.5263% transition-duration ✕
14.3966% transition-property ✕
14.2124% webkit-box-orient ✕
13.5432% outline-offset ✕
12.9300% transition-timing-function ✕
12.2788% unicode-range ✕
12.0880% word-spacing ✕
11.9124% quotes ✕
11.6800% border-bottom-style ✓
11.4263% webkit-background-clip ✕
11.0070% flex-grow ✕
10.5925% backface-visibility ✕
10.4417% animation-name ✕
10.4302% stroke ✕
10.4144% animation-duration ✕
10.2804% touch-action ✕
9.9663% list-style-position ✕
9.8662% order ✕
9.7770% outline-width ✕
9.7504% transition-delay ✕
9.4689% border-top-style ✓
9.3474% webkit-box-pack ✕
9.3078% webkit-box-align ✕
9.2375% page-break-inside ✕
9.1898% webkit-line-clamp ✕
8.9350% list-style-image ✕
8.8339% page-break-after ✕
8.5735% speak ✕
8.4754% unicode-bidi ✕
8.4307% animation-timing-function ✕
8.1464% webkit-box-flex ✕
8.0048% orphans ✕
7.9947% widows ✕
7.6671% flex-wrap ✓ not supported well in browser
7.5756% animation-fill-mode ✕
7.4163% animation-delay ✕
7.3284% border-left-style ✓
7.1586% outline-color ✕
6.9102% flex-shrink ✕
6.7754% perspective ✕
6.7748% border-right-style ✓
6.4619% outline-style ✕
6.0382% animation-iteration-count ✕
5.9838% background-origin ✕
5.9714% fill-opacity ✕
5.9357% will-change ✕
5.3740% stroke-width ✕
5.3172% transform-style ✕
5.2608% overflow-wrap ✕
5.1730% background-attachment ✕
4.9039% counter-increment ✕
4.5950% counter-reset ✕
4.5031% align-self ✕
4.4109% webkit-box-ordinal-group ✕
4.4046% webkit-animation-direction ✕
3.7598% background-position-x ✕
3.6867% border-image ✕
3.6601% background-position-y ✕
3.5749% webkit-user-drag ✕
3.3376% flex-basis ✕
3.1840% align-content ✕
3.1832% flex-flow ✕
3.1774% image-rendering ✕
3.0879% webkit-margin-start ✕
2.9551% font-stretch ✕
2.8934% empty-cells ✕
2.7619% webkit-margin-after ✕
2.7220% perspective-origin ✕
2.6125% webkit-margin-end ✕
2.6089% column-count ✕
2.5880% webkit-text-fill-color ✕
2.5466% webkit-box-direction ✕
2.4618% font-feature-settings ✕
2.3959% webkit-mask-image ✕
2.3431% webkit-padding-end ✕
2.2555% stroke-dasharray ✕
2.1788% user-select ✕
2.1679% object-fit ✕
2.0643% column-gap ✕
2.0459% text-size-adjust ✕
2.0253% caption-side ✕
1.9695% stroke-dashoffset ✕
1.7923% stroke-linecap ✕
1.7861% animation-direction ✕
1.7559% webkit-font-feature-settings ✕
1.7404% stroke-opacity ✕
1.5926% stroke-miterlimit ✕
1.5786% fill-rule ✕
1.4859% webkit-user-modify ✕
1.3439% webkit-border-image ✕
1.3091% animation-play-state ✕
1.2676% contain ✕
1.2029% webkit-padding-start ✕
1.1840% webkit-margin-before ✕
1.1269% page-break-before ✕
1.1222% webkit-margin-top-collapse ✕
1.0418% columns ✕
1.0354% webkit-mask-size ✕
0.9650% border-image-slice ✕
0.9425% stop-color ✕
0.9408% webkit-mask-repeat ✕
0.9125% webkit-box-lines ✕
0.8804% webkit-column-break-inside ✕
0.8752% size ✕
0.8334% font-kerning ✕
0.8034% stroke-linejoin ✕
0.7869% tab-size ✕
0.7689% break-inside ✕
0.7589% webkit-text-stroke-width ✕
0.7353% column-width ✕
0.6924% webkit-mask-position ✕
0.6869% border-image-width ✕
0.6323% border-image-repeat ✕
0.5994% border-image-outset ✕
0.5885% all ✕
0.5859% webkit-text-stroke-color ✕
0.5435% webkit-print-color-adjust ✕
0.5420% webkit-text-stroke ✕
0.5195% writing-mode ✕
0.4741% clip-rule ✕
0.4685% webkit-clip-path ✕
0.4578% text-anchor ✕
0.4535% shape-rendering ✕
0.4526% webkit-column-break-before ✕
0.4494% clip-path ✕
0.4452% webkit-mask ✕
0.4393% mix-blend-mode ✕
0.4166% text-align-last ✕
0.4033% column-rule ✕
0.3990% webkit-mask-box-image ✕
0.3989% font-variant-ligatures ✕
0.3881% column-fill ✕
0.3865% webkit-line-break ✕
0.3857% border-image-source ✕
0.3528% stop-opacity ✕
0.3075% webkit-perspective-origin-y ✕
0.3054% webkit-perspective-origin-x ✕
0.2994% webkit-writing-mode ✕
0.2717% dominant-baseline ✕
0.2634% column-rule-color ✕
0.2586% webkit-box-decoration-break ✕
0.2467% webkit-text-security ✕
0.2374% webkit-background-origin ✕
0.2146% font-variant-caps ✕
0.2005% column-rule-style ✕
0.1976% shape-outside ✕
0.1971% webkit-padding-before ✕
0.1896% break-after ✕
0.1782% webkit-padding-after ✕
0.1774% text-orientation ✕
0.1747% webkit-text-orientation ✕
0.1655% mask ✕
0.1626% alignment-baseline ✕
0.1572% page ✕
0.1530% webkit-column-break-after ✕
0.1521% webkit-box-reflect ✕
0.1504% webkit-text-emphasis-color ✕
0.1499% object-position ✕
0.1470% break-before ✕
0.1455% webkit-margin-collapse ✕
0.1452% baseline-shift ✕
0.1451% hyphens ✕
0.1309% rx ✕
0.1304% ry ✕
0.1256% background-blend-mode ✕
0.1136% font-variant-numeric ✕
0.1135% background-repeat-x ✕
0.1123% background-repeat-y ✕
0.1086% webkit-text-emphasis ✕
0.1058% webkit-rtl-ordering ✕
0.1040% column-rule-width ✕
0.1036% isolation ✕
0.1002% webkit-highlight ✕
0.0843% webkit-transform-origin-y ✕
0.0786% webkit-transform-origin-x ✕
0.0770% webkit-app-region ✕
0.0685% column-span ✕
0.0653% r ✕
0.0611% y ✕
0.0602% x ✕
0.0555% webkit-border-vertical-spacing ✕
0.0545% webkit-border-horizontal-spacing ✕
0.0542% webkit-border-start-width ✕
0.0450% webkit-border-start-color ✕
0.0424% webkit-border-after-width ✕
0.0424% webkit-border-before-width ✕
0.0423% webkit-border-end-width ✕
0.0351% marker ✕
0.0349% webkit-border-end-color ✕
0.0347% webkit-border-after-color ✕
0.0347% webkit-border-before-color ✕
0.0342% mask-type ✕
0.0328% color-interpolation-filters ✕
0.0325% webkit-border-end ✕
0.0319% vector-effect ✕
0.0307% color-rendering ✕

CSS Units and Values

refs: https://drafts.csswg.org/css-values/ 2016-12-11

Textual

  • pre-defined keywords
  • CSS-wide keywords
    • initial
    • inherit
    • unset
  • <custom-ident>: author-defined identifiers ✓
  • <string>: quoted strings ("xxx")
  • <url>: resourec locators (url())

Numeric

  • <integer> ✓
  • <number> ✓
  • <percentage>

Length ##### <length>#####

  • relative
    • font-relative
      • em
      • ex
      • ch
      • ic
      • rem ✓🔧
    • viewport-percentage
      • vw ✓🔧
      • vh ✓🔧
      • vi
      • vb
      • vmin ✓🔧
      • vmax ✓🔧
  • absolute
    • cm ✓🔧
    • mm ✓🔧
    • Q ✓🔧
    • in ✓🔧
    • pc ✓🔧
    • pt ✓🔧
    • px autofixed to number

Quantities

  • <angle>
    • deg
    • grad
    • rad
    • turn
  • <time>
    • s
    • ms
  • <frequency>
    • Hz
    • kHz
  • <resolution>
    • dpi
    • dpcm
    • dppx

Elsewhere

  • <color> ✓
  • <image>
  • <position>

Functional

  • calc()
  • toggle()
  • attr()

JS APIs

refs: https://www.w3.org/standards/techs/js 2016-12-11

Completed Work

Standards
last update spec supported
2016-11-17 Media Source Extensions™ - (media related)
2016-11-08 Geolocation API Specification 2nd Edition ✕ developing
2016-10-27 Pointer Lock -
2016-10-18 Vibration API (Second Edition) ✕
2016-04-19 Web Storage (Second Edition) ✓ async storage module
2015-10-22 Web Notifications ✕
2015-05-19 HTML5 Web Messaging ✕ BroadcastChannel developing
2015-02-24 Pointer Events -
2015-02-10 Vibration API ✕
2015-02-03 Server-Sent Events ✕
2015-01-08 Indexed Database API ✕
2014-03-13 Metadata API for Media Resources 1.0 - (media related)
2014-02-11 Progress Events ✕
2014-01-16 JSON-LD 1.0 Processing Algorithms and API -
2013-12-12 Performance Timeline - (perf related)
2013-12-12 User Timing - (perf related)
2013-10-31 Widget Interface -
2013-10-29 Page Visibility (Second Edition) ✕ onviewappear/onviewdisappear
2013-10-10 Touch Events ✕
2013-02-21 Selectors API Level 1 -
2012-12-17 Navigation Timing - (perf related)
2012-12-17 High Resolution Time - (perf related)
2008-12-22 Element Traversal Specification -

Drafts

Proposed Recommendations
last update spec supported
2016-09-15 WebIDL Level 1 -
Candidate Recommendations
last update spec supported
2016-12-08 Performance Timeline Level 2 - (perf related)
2016-11-22 Page Visibility Level 2 ✕ onviewappear/onviewdisappear
2016-11-01 High Resolution Time Level 2 - (perf related)
2016-08-18 DeviceOrientation Event Specification ✕
2016-07-21 Resource Timing Level 1 - (perf related)
2016-07-14 Presentation API -
2016-07-07 Battery Status API ✕
2016-07-05 Encrypted Media Extensions -
2016-05-19 Media Capture and Streams - (media related)
2014-12-11 Web Cryptography API -
2014-09-09 HTML Media Capture - (media related)
2012-09-20 The WebSocket API ✕
Last Call Drafts
last update spec supported
2011-12-01 Geolocation API Specification Level 2 ✕
Other Working Drafts
last update spec supported
2016-12-09 MediaStream Image Capture - (media related)
2016-12-06 MediaStream Recording - (media related)
2016-12-06 Selection API ✕
2016-12-05 Input Events ✕
2016-12-02 Gamepad -
2016-11-29 WebDriver -
2016-11-24 WebRTC 1.0: Real-time Communication Between Browsers ✕
2016-11-22 Pointer Lock 2.0 -
2016-11-07 Remote Playback API - (media related)
2016-11-03 Resource Timing Level 2 - (perf related)
2016-11-02 Audio Output Devices API - (media related)
2016-11-01 Indexed Database API 2.0 ✕
2016-11-01 User Timing Level 2 - (perf related)
2016-10-31 The Screen Orientation API ✕
2016-10-31 High Resolution Time Level 3 - (perf related)
2016-10-24 UI Events KeyboardEvent code Values -
2016-10-24 UI Events KeyboardEvent key Values -
2016-10-11 Service Workers 1 ✕
2016-09-21 Identifiers for WebRTC’s Statistics API -
2016-09-13 Accelerometer Sensor ✕
2016-09-13 Gyroscope Sensor ✕
2016-09-13 Magnetometer Sensor ✕
2016-08-30 Ambient Light Sensor ✕
2016-08-30 Media Capture from DOM Elements - (media related)
2016-08-30 Generic Sensor API ✕
2016-08-03 Wake Lock API ✕
2016-07-19 Proximity Sensor ✕
2016-07-19 Pointer Events - Level 2 -
2016-07-14 Screen Capture ✕
2016-07-12 Media Capture Depth Stream Extensions - (media related)
2016-05-17 Cooperative Scheduling of Background Tasks ✕
2016-04-22 Navigation Timing Level 2 - (perf related)
2016-04-03 Clipboard API and events ✕ clipboard module
2015-12-15 Push API ✕
2015-12-08 Web Audio API - (media related)
2015-10-15 FindText API -
2015-09-24 Web Workers ✕
2015-04-21 File API ✕
2014-02-20 Network Service Discovery ✕
2012-03-06 MediaStream Capture Scenarios - (media related)
2011-12-15 Audio Processing API - (media related)