阿里云赞助

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)
Apache Incubator
Disclaimer: Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.


ApacheCopyright(c) 2017 The Apache Software Foundation. Licensed under the Apache License, Version 2.0