阿里云赞助

Web standards

Web standards

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)