title: Web standards type: references order: 8 version: 2.1 has_chapter_content: true

Web standards

HTML

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

Overview

percentagenamesupported
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

percentagenamesupported
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

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

Drafts

Proposed Recommendations

last updatespecsupported
2016-09-15WebIDL Level 1-

Candidate Recommendations

last updatespecsupported
2016-12-08Performance Timeline Level 2- (perf related)
2016-11-22Page Visibility Level 2✕ onviewappear/onviewdisappear
2016-11-01High Resolution Time Level 2- (perf related)
2016-08-18DeviceOrientation Event Specification✕
2016-07-21Resource Timing Level 1- (perf related)
2016-07-14Presentation API-
2016-07-07Battery Status API✕
2016-07-05Encrypted Media Extensions-
2016-05-19Media Capture and Streams- (media related)
2014-12-11Web Cryptography API-
2014-09-09HTML Media Capture- (media related)
2012-09-20The WebSocket API✕

Last Call Drafts

last updatespecsupported
2011-12-01Geolocation API Specification Level 2✕

Other Working Drafts

last updatespecsupported
2016-12-09MediaStream Image Capture- (media related)
2016-12-06MediaStream Recording- (media related)
2016-12-06Selection API✕
2016-12-05Input Events✕
2016-12-02Gamepad-
2016-11-29WebDriver-
2016-11-24WebRTC 1.0: Real-time Communication Between Browsers✕
2016-11-22Pointer Lock 2.0-
2016-11-07Remote Playback API- (media related)
2016-11-03Resource Timing Level 2- (perf related)
2016-11-02Audio Output Devices API- (media related)
2016-11-01Indexed Database API 2.0✕
2016-11-01User Timing Level 2- (perf related)
2016-10-31The Screen Orientation API✕
2016-10-31High Resolution Time Level 3- (perf related)
2016-10-24UI Events KeyboardEvent code Values-
2016-10-24UI Events KeyboardEvent key Values-
2016-10-11Service Workers 1✕
2016-09-21Identifiers for WebRTC's Statistics API-
2016-09-13Accelerometer Sensor✕
2016-09-13Gyroscope Sensor✕
2016-09-13Magnetometer Sensor✕
2016-08-30Ambient Light Sensor✕
2016-08-30Media Capture from DOM Elements- (media related)
2016-08-30Generic Sensor API✕
2016-08-03Wake Lock API✕
2016-07-19Proximity Sensor✕
2016-07-19Pointer Events - Level 2-
2016-07-14Screen Capture✕
2016-07-12Media Capture Depth Stream Extensions- (media related)
2016-05-17Cooperative Scheduling of Background Tasks✕
2016-04-22Navigation Timing Level 2- (perf related)
2016-04-03Clipboard API and events✕ clipboard module
2015-12-15Push API✕
2015-12-08Web Audio API- (media related)
2015-10-15FindText API-
2015-09-24Web Workers✕
2015-04-21File API✕
2014-02-20Network Service Discovery✕
2012-03-06MediaStream Capture Scenarios- (media related)
2011-12-15Audio Processing API- (media related)