Can I use browser support table

Caniuse.com browser support table presented in a simple and screen reader accessible way. JSON raw data have been taken unmodified from https://raw.githubusercontent.com/Fyrd/caniuse/master/data.json. This site isn't responsible in case of false, incomplete or incorrect information. Please signal errors to caniuse.com directly.

Last update: 2024-04-21 20:42:16

  Feature Description UsageIEEdgeFFChr.Saf.iOS
  Filters
Compatibility of selected features      
AAC audio file format Advanced Audio Coding format, designed to be the successor format to MP3, with generally better sound quality. 98%912221244.0-4.1
AbortController & AbortSignal Controller object that allows you to abort one or more DOM requests made with the Fetch API. 97%no16576612.111.3-11.4
Accelerometer Defines `Accelerometer`, `LinearAccelerationSensor` and `GravitySensor` interfaces for obtaining information about acceleration applied to the X, Y and Z axis of a device that hosts the sensor. 74%no79no67nono
EventTarget.addEventListener() The modern standard API for adding DOM event handlers. Introduced in the DOM Level 2 Events spec. Also implies support for `removeEventListener`, the capture phase of DOM event dispatch, as well as the `stopPropagation()` and `preventDefault()` event methods. 98%912743.13.2
Ambient Light Sensor Defines a concrete sensor interface to monitor the ambient light level or illuminance of the device’s environment. 1%no1422nonono
Animated PNG (APNG) Like animated GIFs, but allowing 24-bit colors and alpha transparency 97%no7935988
Array.prototype.find The `find()` method returns the value of the first item in the array based on the result of the provided testing function. 98%no1525457.18
Array.prototype.findIndex The `findIndex()` method returns the index of the first element in the array that satisfies the provided testing function. 98%no1225457.18
flat & flatMap array methods Methods to flatten any sub-arrays found in an array by concatenating their elements. 97%no7962691212.0-12.1
Array.prototype.includes Determines whether or not an array includes the given value, returning a boolean value (unlike `indexOf`). 98%no14434799.0-9.2
Arrow functions Function shorthand using `=>` syntax and lexical `this` binding. 97%no1222451010.0-10.2
asm.js An extraordinarily optimizable, low-level subset of JavaScript, intended to be a compile target from languages like C++. 79%no13 (79)2228nono
Asynchronous Clipboard API A modern, asynchronous Clipboard API based on Promises 96%no79636213.114.0-14.4
Async functions Async functions make it possible to treat functions returning Promise objects as if they were synchronous. 97%no1552551111.0-11.2
Base64 encoding and decoding Utility functions for encoding and decoding strings to and from base 64: window.atob() and window.btoa(). 98%1012243.13.2
Audio element Method of playing sound on webpages (without requiring a plug-in). Includes support for the following media properties: `currentSrc`, `currentTime`, `paused`, `playbackRate`, `buffered`, `duration`, `played`, `seekable`, `ended`, `autoplay`, `loop`, `controls`, `volume` & `muted` 98%91220 (3.5)444.0-4.1
Web Audio API High-level JavaScript API for processing and synthesizing audio 98%no122534 (14)14.1 (6)14.5-14.8 (6.0-6.1)
Audio Tracks Method of specifying and selecting between multiple audio tracks. Useful for providing audio descriptions, director's commentary, additional languages, alternative takes, etc. 19%1012nono6.17.0-7.1
Autofocus attribute Allows a form field to be immediately focused on page load. 83%1012455no
Auxclick The click event for non-primary buttons of input devices 79%no79no55nono
AV1 video format AV1 (AOMedia Video 1) is a royalty-free video format by the Alliance for Open Media, meant to succeed its predecessor VP9 and compete with the HEVC/H.265 format. 90%no12167 (65)7017.017.0
AVIF image format A modern image format based on the AV1 video format. AVIF generally has better compression than WebP, JPEG, PNG and GIF and is designed to supersede them. AVIF competes with JPEG XL which has similar compression quality and is generally seen as more feature-rich than AVIF. 93%no1211138516.4 (16.1)no
CSS background-attachment Method of defining how a background image is attached to a scrollable element. Values include `scroll` (default), `fixed` and `local`. 83%9 (5.5)1225 (2)45 (3.1)5.0-5.1
Background-clip: text Clipping a background image to the foreground text. 98%no15 (79)49446.0-6.1
CSS3 Background-image options New properties to affect background images, including background-clip, background-origin and background-size 98%9124 (3.6)15 (4)7 (3.1)7.0-7.1 (3.2)
background-position-x & background-position-y CSS longhand properties to define x or y positions separately. 98%5.5124943.13.2
CSS background-repeat round and space Allows CSS background images to be repeated without clipping. 98%10 (9)12493277.0-7.1
Background Sync API Provides one-off and periodic synchronization for Service Workers with an onsync event. 77%no79no49nono
Battery Status API Method to provide information about the battery status of the hosting device. 77%no7943 (10)38nono
Beacon API Allows data to be sent asynchronously to a server with `navigator.sendBeacon`, even after a page was closed. Useful for posting analytics data the moment a user was finished using the page. 97%no14313911.111.3-11.4
Printing Events Window fires `beforeprint` and `afterprint` events so the printed document can be annotated. 94%6126631313.0-13.1
BigInt Arbitrary-precision integers in JavaScript. 96%no7968671414.0-14.4
Blob constructing Construct Blobs (binary large objects) either using the BlobBuilder API (deprecated) or the Blob constructor. 98%101213 (6)20 (8)66.0-6.1
Blob URLs Method of creating URL handles to the specified File or Blob object. 98%no15423 (8)6.1 (6)7.0-7.1 (6.0-6.1)
CSS3 Border images Method of using images for borders 98%111450 (3.5)56 (4)15.4 (3.1)15.4 (3.2)
CSS3 Border-radius (rounded corners) Method of making the border corners round. Covers support for the shorthand `border-radius` as well as the long-hand properties (e.g. `border-top-left-radius`) 98%91250 (2)5 (4)5 (3.1)4.0-4.1 (3.2)
BroadcastChannel BroadcastChannel allows scripts from the same origin but other browsing contexts (windows, workers) to send each other messages. 96%no79385415.415.4
Brotli Accept-Encoding/Content-Encoding More effective lossless compression algorithm than gzip and deflate. 97%no1544511311.0-11.2
calc() as CSS unit value Method of allowing calculated values for length units, i.e. `width: calc(100% - 3em)` 98%91216 (4)26 (19)6.1 (6)7.0-7.1 (6.0-6.1)
Canvas (basic support) Method of generating fast, dynamic graphics using JavaScript. 98%9123.6 (2)44 (3.1)3.2
Canvas blend modes Method of defining the effect resulting from overlaying two layers on a Canvas element. 98%no1320306.17.0-7.1
Text API for Canvas Method of displaying text on Canvas elements 98%9123.5443.2
ch (character) unit Unit representing the width of the character "0" in the current font, of particular use in combination with monospace fonts. 98%91222777.0-7.1
ChaCha20-Poly1305 cipher suites for TLS A set of cipher suites used in Transport Layer Security (TLS) protocol, using ChaCha20 for symmetric encryption and Poly1305 for authentication. 97%no79474911.111.0-11.2
Channel messaging Method for having two-way communication between browsing contexts (using MessageChannel) 98%101241455.0-5.1
ChildNode.remove() DOM node method to remove the node itself from the document. 98%no1323246.17.0-7.1
classList (DOMTokenList) Method of easily manipulating classes on elements, using the `DOMTokenList` object. 98%101226 (3.6)28 (8)7 (5.1)7.0-7.1 (5.0-5.1)
Client Hints: DPR, Width, Viewport-Width DPR, Width, and Viewport-Width hints enable proactive content negotiation between client and server, enabling automated delivery of optimized assets - e.g. auto-negotiating image DPR resolution. 77%no79no46nono
Synchronous Clipboard API API to provide copy, cut and paste events as well as provide access to the OS clipboard. 98%5.512221312 (4)12.0-12.1 (5.0-5.1)
COLR/CPAL(v0) Font Formats The COLR table adds support for multi-colored glyphs in a manner that integrates with the rasterizers of existing text engines. COLRv0 only supports pure colors, does not support gradients, transformations and various blending modes. 97%no12321101411.0-11.2
COLR/CPAL(v1) Font Formats COLRv1 is an improved version of COLRv0, this is also part of the OpenType specification. COLRv1 supports additional graphic capabilities. In addition to solid colors, gradient fills can be used, as well as more complex fills using other graphic operations, including affine transformations and various blending modes. 78%no9810798nono
Node.compareDocumentPosition() Compares the relative position of two nodes to each other in the DOM tree. 98%912430 (15)10 (5.1)10.0-10.2 (4.0-4.1)
Basic console logging functions Method of outputting data to the browser's console, intended for development purposes. 98%10 (8)12443.13.2
console.time and console.timeEnd Functions for measuring performance 98%111210443.2
const Declares a constant with block level scope 98%111236 (2)49 (4)11 (3.1)11.0-11.2 (3.2)
Constraint Validation API API for better control over form field validation. Includes support for `checkValidity()`, `setCustomValidity()`, `reportValidity()` and validation states. 98%1017 (12)51 (4)40 (15)10 (5.1)10.0-10.2 (5.0-5.1)
contenteditable attribute (basic support) Method of making any HTML element editable. 98%5.5123.5 (3)43.15.0-5.1
Content Security Policy 1.0 Mitigate cross-site scripting attacks by only allowing certain sources of script, style, and other resources. 98%101223257 (5.1)7.0-7.1 (5.0-5.1)
Content Security Policy Level 2 Mitigate cross-site scripting attacks by only allowing certain sources of script, style, and other resources. CSP 2 adds hash-source, nonce-source, and five new directives 98%no79 (15)45 (31)40 (36)1010.0-10.2
Cookie Store API An API for reading and modifying cookies. Compared to the existing `document.cookie` method, the API provides a much more modern interface, which can also be used in service workers. 76%no87no87nono
Cross-Origin Resource Sharing Method of performing XMLHttpRequests across domains 98%11 (8)123.513 (4)43.2
createImageBitmap Create image bitmap with support for resizing and adjusting quality 96%no794259 (50)1515.0-15.1
Credential Management API API that provides a programmatic interface to the browser's credential manager. In short, an origin can request a user's credentials to sign them in, or can ask the browser to save credentials on the user's behalf. Both of these requests are user-mediated. 91%no79no57no14.0-14.4
Web Cryptography JavaScript API for performing basic cryptographic operations in web applications 98%1179343711 (7.1)11.0-11.2 (8)
CSS all property A shorthand property for resetting all CSS properties except for `direction` and `unicode-bidi`. 98%no7927379.19.3
CSS Anchor Positioning Allows placing elements anywhere on the page relative to an "anchor element", without regard to the layout of other elements besides their containing block 0%nonono125nono
CSS Animation Complex method of animating certain properties of an element 98%101216 (5)43 (4)9 (4)9.0-9.2 (3.2)
CSS :any-link selector The `:any-link` CSS pseudo-class matches all elements that match `:link` or `:visited` 98%no7950 (3)65 (15)9 (6.1)9.0-9.2 (6.0-6.1)
CSS Appearance The `appearance` property defines how elements (particularly form controls) appear by default. By setting the value to `none` the default appearance can be entirely redefined using other CSS properties. 98%no84 (12)80 (2)84 (4)15.4 (3.1)15.4 (3.2)
CSS Counter Styles The @counter-style CSS at-rule allows custom counter styles to be defined. A @counter-style rule defines how to convert a counter value into a string representation. 90%no91339117.017.0
CSS Backdrop Filter Method of applying filter effects (like blur, grayscale or hue) to content/elements below the target element. 97%no791037699.0-9.2
CSS background-position edge offsets Allows CSS background images to be positioned relative to the specified edge using the 3 to 4 value syntax. For example: `background-position: right 5px bottom 5px;` for positioning 5px from the bottom-right corner. 98%912132577.0-7.1
CSS background-blend-mode Allows blending between CSS background images, gradients, and colors. 98%no793035 (46)10.1 (7.1)10.3 (8)
CSS box-decoration-break Controls whether the box's margins, borders, padding, and other decorations wrap the broken edges of the box fragments (when the box is split by a break (page/column/region/line). 98%no7932226.17.0-7.1
CSS3 Box-shadow Method of displaying an inner or outer shadow effect to elements 98%9124 (3.5)10 (4)5.1 (3.1)5.0-5.1 (3.2)
CSS Canvas Drawings Method of using HTML5 Canvas as a background image. Not currently part of any specification. 18%nonono443.2
CSS caret-color The `caret-color` property allows the color to be set of the caret (blinking text insertion pointer) in an editable text area. 97%no79535711.111.3-11.4
CSS Cascade Layers The `@layer` at-rule allows authors to explicitly layer their styles in the cascade, before specificity and order of appearance are considered. 94%no99979915.415.4
Scoped Styles: the @scope rule Allows CSS rules to be scoped to part of the document, with upper and lower limits described by selectors. 70%no118no11817.417.4
Case-insensitive CSS attribute selectors Including an `i` before the `]` in a CSS attribute selector causes the attribute value to be matched in an ASCII-case-insensitive manner. For example, `[b="xyz" i]` would match both `<a b="xyz">` and `<a b="XYZ">`. 97%no79474999.0-9.2
CSS clip-path property (for HTML) Method of defining the visible region of an HTML element using SVG or a shape definition. 98%no7954 (3.5)2477.0-7.1
CSS print-color-adjust The `print-color-adjust` (or `-webkit-print-color-adjust` as prefixed in WebKit/Blink browsers) property is a CSS extension that can be used to force printing of background colors and images. 51%no79481915.4 (6)15.4
CSS color() function The CSS `color()` function allows the browser to display colors in any color space, such as the P3 color space which can display colors outside of the default sRGB color space. 92%no11111311115 (10.1)15.0-15.1 (10.3)
CSS Conical Gradients Method of defining a conical or repeating conical color gradient as a CSS image. 97%no79837112.112.2-12.5
CSS Container Queries (Size) Size queries in Container Queries provide a way to query the size of a container, and conditionally apply CSS to the content of that container. 91%no106 (105)110106 (105)16.016.0
CSS Container Style Queries Style queries in Container Queries provide a way to query the current styling of a container, and conditionally apply additional CSS to the contents of that container. 71%no111no111TPno
CSS Container Query Units Container Query Units specify a length relative to the dimensions of a query container. The units include: `cqw`, `cqh`, `cqi`, `cqb`, `cqmin`, and `cqmax`. 91%no10511010516.016.0
CSS Containment The CSS `contain` property lets developers limit the scope of the browser's styles, layout and paint work for faster and more efficient rendering. 96%no79695215.415.4
CSS content-visibility Provides control over when elements are rendered, so rendering can be skipped for elements not yet in the user's viewport. 76%no8512485TPno
CSS Counters Method of controlling number values in generated content, using the `counter-reset` and `counter-increment` properties. 98%812243.13.2
Crisp edges/pixelated images Scales images with an algorithm that preserves edges and contrast, without smoothing colors or introducing blur. This is intended for images such as pixel art. Official values that accomplish this for the `image-rendering` property are `crisp-edges` and `pixelated`. 98%7no93 (3.6)no10 (6)10.0-10.2 (5.0-5.1)
CSS Cross-Fade Function Image function to create a "crossfade" between images. This allows one image to transition (fade) into another based on a percentage value. 95%no79no1710 (5.1)10.0-10.2 (5.0-5.1)
:default CSS pseudo-class The `:default` pseudo-class matches checkboxes and radio buttons which are checked by default, `<option>`s with the `selected` attribute, and the default submit button (if any) of a form. 98%no79451 (15)10.1 (5.1)10.3 (7.0-7.1)
Explicit descendant combinator >> An explicit, non-whitespace spelling of the descendant combinator. `A >> B` is equivalent to `A B`. 0%nononono11no
CSS Device Adaptation Method of overriding the size of viewport in web page using the `@viewport` rule, replacing Apple's own popular `<meta>` viewport implementation. Includes the `extend-to-zoom` width value. 1%1012nononono
:dir() CSS pseudo-class Matches elements based on their directionality. `:dir(ltr)` matches elements which are Left-to-Right. `:dir(rtl)` matches elements which are Right-to-Left. 84%no12049 (17)12016.416.4
CSS display: contents `display: contents` causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. 97%no79376511.117.0 (11.3-11.4)
CSS element() function This function renders a live image generated from an arbitrary HTML element 3%nono2nonono
CSS Environment Variables env() Usage of environment variables like `safe-area-inset-top`. 97%no79656911.1 (11)11.3-11.4 (11.0-11.2)
CSS Exclusions Level 1 Exclusions defines how inline content flows around elements. It extends the content wrapping ability of floats to any block-level element. 1%1012nononono
CSS Feature Queries CSS Feature Queries allow authors to condition rules based on whether particular property declarations are supported in CSS using the @supports at rule. 98%no12222899.0-9.2
CSS filter() function This function filters a CSS input image with a set of filter functions (like blur, grayscale or hue) 18%nononono9.1 (9)10.0-10.2 (9.0-9.2)
CSS Filter Effects Method of applying filter effects using the `filter` property to elements, matching filters available in SVG. Filter functions include blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, sepia and saturate. 98%no79 (13)35 (3.6)53 (18)9.1 (6)9.3 (6.0-6.1)
::first-letter CSS pseudo-element selector CSS pseudo-element that allows styling only the first "letter" of text within an element. Useful for implementing initial caps or drop caps styling. 98%9 (6)123.5 (2)9 (4)5.1 (3.2)5.0-5.1
CSS first-line pseudo-element Allows styling specifically for the first line of text using the `::first-line` pseudo-element. Note that only a limited set of properties can be applied. 98%9 (5.5)12243.13.2
CSS position:fixed Method of keeping an element in a fixed location regardless of scroll position 98%712243.18 (5.0-5.1)
:focus-visible CSS pseudo-class The `:focus-visible` pseudo-class applies while an element matches the `:focus` pseudo-class, and the UA determines via heuristics that the focus should be specially indicated on the element (typically via a “focus ring”). 94%no8685 (4)8615.415.4
:focus-within CSS pseudo-class The `:focus-within` pseudo-class matches elements that either themselves match `:focus` or that have descendants which match `:focus`. 97%no79526010.110.3
CSS font-palette The font-palette CSS property allows selecting a palette from a color font. In combination with the `@font-palette-values` at-rule, custom palettes can be defined. 93%no10510710115.415.4
CSS font-display `@font-face` descriptor `font-display` that allows control over how a downloadable font renders before it is fully loaded. 97%no79586011.111.3-11.4
CSS font-stretch If a font has multiple types of variations based on the width of characters, the `font-stretch` property allows the appropriate one to be selected. The property in itself does not cause the browser to stretch to a font. 98%9129481110.3
CSS Generated content for pseudo-elements Method of displaying text or images before or after the given element's contents using the ::before and ::after pseudo-elements. All browsers with support also support the `attr()` notation in the `content` property. 98%9 (8)12243.13.2
CSS Gradients Method of defining a linear or radial color gradient as a CSS image. 98%101236 (3.6)26 (4)15.4 (4)15.4 (3.2)
CSS Grid Layout (level 1) Method of using a grid concept to lay out content, providing a mechanism for authors to divide available space for layout into columns and rows using a set of predictable sizing behaviors. Includes support for all `grid-*` properties and the `fr` unit. 98%1016 (12)545810.110.3
CSS hanging-punctuation Allows some punctuation characters from start (or the end) of text elements to be placed "outside" of the box in order to preserve the reading flow. 18%nononono1010.0-10.2
:has() CSS relational pseudo-class Select elements containing specific content. For example, `a:has(img)` selects all `<a>` elements that contain an `<img>` child. 92%no10512110515.415.4
CSS Hyphenation Method of controlling when words at the end of lines should be hyphenated using the "hyphens" property. 98%10105 (79)43 (6)88 (55)17.0 (5.1)17.0 (4.2-4.3)
CSS3 image-orientation CSS property used generally to fix the intended orientation of an image. This can be done using 90 degree increments or based on the image's EXIF data using the "from-image" value. 97%no89268913.114.0-14.4 (3.2)
CSS image-set Method of letting the browser pick the most appropriate CSS image from a given set. 97%no114 (79)113 (88)114 (21)17.0 (6)17.0 (6.0-6.1)
:in-range and :out-of-range CSS pseudo-classes If a temporal or number `<input>` has `max` and/or `min` attributes, then `:in-range` matches when the value is within the specified range and `:out-of-range` matches when the value is outside the specified range. If there are no range constraints, then neither pseudo-class matches. 98%no79 (13)50 (29)53 (15)10.1 (5.1)10.3 (5.0-5.1)
:indeterminate CSS pseudo-class The `:indeterminate` pseudo-class matches indeterminate checkboxes, indeterminate `<progress>` bars, and radio buttons with no checked button in their radio button group. 98%979 (12)51 (4)39 (15)10.1 (5.1)10.3 (7.0-7.1)
CSS Initial Letter Method of creating an enlarged cap, including a drop or raised cap, in a robust way. 90%no110no11099.0-9.2
CSS initial value A CSS value that will apply a property's initial value as defined in the CSS specification that defines the property 98%no1219 (2)43.24.0-4.1
LCH and Lab color values The `lch()` and `lab()` color functions are based on the CIE LAB color space, representing colors in a way that closely matches human perception and provides access to a wider spectrum of colors than offered by the usual RGB color space. 91%no1111131111515.0-15.1
letter-spacing CSS property Controls spacing between characters of text (i.e. "tracking" in typographical terms). Not to be confused with kerning. 98%9 (6)12230 (4)6.1 (3.2)4.0-4.1
CSS line-clamp CSS property that will contain text to a given amount of lines when used in combination with `display: -webkit-box`. It will end with ellipsis when `text-overflow: ellipsis` is included. 98%no79681455.0-5.1
CSS Logical Properties Logical properties and values provide control of layout through logical, rather than physical, direction and dimension mappings. These properties are `writing-mode` relative equivalents of their corresponding physical properties. 98%no89 (79)66 (3)89 (4)15 (3.1)15.0-15.1 (3.2)
CSS ::marker pseudo-element The `::marker` pseudo-element allows list item markers to be styled or have their content value customized. 96%no866886TP11.3-11.4
CSS Masks Method of displaying part of an element, using a selected image as a mask 98%no120 (18)53 (3.5)120 (4)15.4 (4)15.4 (3.2)
:is() CSS pseudo-class The `:is()` (formerly `:matches()`, formerly `:any()`) pseudo-class checks whether the element at its position in the outer selector matches any of the selectors in its selector list. It's useful syntactic sugar that allows you to avoid writing out all the combinations manually as separate selectors. The effect is similar to nesting in Sass and most other CSS preprocessors. 98%no88 (79)78 (4)88 (15)14 (5.1)14.0-14.4 (7.0-7.1)
CSS math functions min(), max() and clamp() More advanced mathematical expressions in addition to `calc()` 96%no79757913.1 (11.1)13.4-13.7 (11.3-11.4)
Media Queries: interaction media features Allows a media query to be set based on the presence and accuracy of the user's pointing device, and whether they have the ability to hover over elements on the page. This includes the `pointer`, `any-pointer`, `hover`, and `any-hover` media features. 97%no12644199.0-9.2
Media Queries: Range Syntax Syntax improvements to make media queries using features that have a "range" type (like width or height) less verbose. Can be used with ordinary mathematical comparison operators: `>`, `<`, `>=`, or `<=`. For example: `@media (100px <= width <= 1900px)` is the equivalent of `@media (min-width: 100px) and (max-width: 1900px)` 90%no1046310416.416.4
Media Queries: resolution feature Allows a media query to be set based on the device pixels used per CSS unit. While the standard uses `min`/`max-resolution` for this, some browsers support the older non-standard `device-pixel-ratio` media query. 98%979 (12)62 (3.5)68 (4)16.0 (4)16.0 (4.0-4.1)
CSS3 Media Queries Method of applying styles based on media information. Includes things like page and device dimensions 98%no123.5266.1 (3.1)7.0-7.1
Blending of HTML/SVG elements Allows blending between arbitrary SVG and HTML elements 97%no7932417.18
CSS Motion Path Allows elements to be animated along SVG paths or shapes via the `offset-path` property. Originally defined as the `motion-path` property. 94%no79724616.016.0
CSS namespaces Using the `@namespace` at-rule, elements of other namespaces (e.g. SVG) can be targeted using the pipe (`|`) selector. 98%9122444.2-4.3
CSS Nesting CSS nesting provides the ability to nest one style rule inside another, with the selector of the child rule relative to the selector of the parent rule. Similar behavior previously required a CSS pre-processor. 87%no120 (112)117120 (112)17.2 (16.5)17.2 (16.5)
selector list argument of :not() Selectors Level 3 only allowed `:not()` pseudo-class to accept a single simple selector, which the element must not match any of. Thus, `:not(a, .b, [c])` or `:not(a.b[c])` did not work. Selectors Level 4 allows `:not()` to accept a list of selectors. Thus, `:not(a):not(.b):not([c])` can instead be written as `:not(a, .b, [c])` and `:not(a.b[c])` works as intended. 96%no88848899.0-9.2
selector list argument of :nth-child and :nth-last-child CSS pseudo-classes The newest versions of `:nth-child()` and `:nth-last-child()` accept an optional `of S` clause which filters the children to only those which match the selector list `S`. For example, `:nth-child(1 of .foo)` selects the first child among the children that have the `foo` class (ignoring any non-`foo` children which precede that child). Similar to `:nth-of-type`, but for arbitrary selectors instead of only type selectors. 92%no11111311199.0-9.2
CSS3 Opacity Method of setting the transparency level of an element 98%9 (5.5)12243.13.2
:optional CSS pseudo-class The `:optional` pseudo-class matches form inputs (`<input>`, `<textarea>`, `<select>`) which are not `:required`. 98%101241555.0-5.1
CSS overflow property Originally a single property for controlling overflowing content in both horizontal & vertical directions, the `overflow` property is now a shorthand for `overflow-x` & `overflow-y`. The latest version of the specification also introduces the `clip` value that blocks programmatic scrolling. 98%5.590 (12)81 (2)90 (4)16.0 (3.1)16.0 (3.2)
CSS overflow-anchor (Scroll Anchoring) Changes in DOM elements above the visible region of a scrolling box can result in the page moving while the user is in the middle of consuming the content. By default, the value of `overflow-anchor` is `auto`, it can mitigate this jarring user experience by keeping track of the position of an anchor node and adjusting the scroll offset accordingly 79%no796656TPno
CSS overflow: overlay The `overlay` value of the `overflow` CSS property is a non-standard value to make scrollbars appear on top of content rather than take up space. This value is deprecated and related functionality being standardized as the `scrollbar-gutter` property. 9%no79no1544.0-4.1
CSS overscroll-behavior CSS property to control the behavior when the scroll position of a scroll container reaches the edge of the scrollport. 95%1079 (12)5965 (63)16.016.0
CSS page-break properties Properties to control the way elements are broken across (printed) pages. 98%5.512243.13.2
CSS Paged Media (@page) CSS at-rule (`@page`) to define page-specific rules when printing web pages, such as margin per page and page dimensions. 79%879 (12)1915nono
CSS Painting API Allows programmatic generation of images used by CSS 76%no79no65nono
::placeholder CSS pseudo-element The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text `YYYY-MM-DD` to clarify that numeric dates are to be entered in year-month-day order. 98%no79 (12)51 (19)57 (4)10.1 (5)10.3 (4.2-4.3)
:placeholder-shown CSS pseudo-class Input elements can sometimes show placeholder text as a hint to the user on what to type in. See, for example, the placeholder attribute in HTML5. The :placeholder-shown pseudo-class matches an input element that is showing such placeholder text. 98%107951 (4)4799.0-9.2
CSS :read-only and :read-write selectors :read-only and :read-write pseudo-classes to match elements which are considered user-alterable 98%no1378 (3)36 (15)9 (4)9.0-9.2 (4.2-4.3)
Rebeccapurple color The new color added in CSS Color Module Level 4 98%1112333878
CSS Reflections Method of displaying a reflection of an element 95%no79no443.2
CSS Regions Method of flowing content into multiple elements, allowing magazine-like layouts. While once supported in WebKit-based browsers and Internet Explorer, implementing the feature is no longer being pursued by any browser. 1%1012no156.17.0-7.1
CSS Relative colors The CSS Relative Color syntax allows a color to be defined relative to another color using the `from` keyword and optionally `calc()` for any of the color values. 82%no119no11916.416.4
CSS Repeating Gradients Method of defining a repeating linear or radial color gradient as a CSS image. 98%101216 (3.6)26 (10)6.1 (5.1)7.0-7.1 (5.0-5.1)
CSS resize property Method of allowing an element to be resized by the user, with options to limit to a given direction. 82%no795 (4)44no
CSS revert value A CSS keyword value that resets a property's value to the default specified by the browser in its UA stylesheet, as if the webpage had not included any CSS. For example, `display:revert` on a `<div>` would result in `display:block`. This is in contrast to the `initial` value, which is simply defined on a per-property basis, and for `display` would be `inline`. 96%no8467849.19.3
#rrggbbaa hex color notation The CSS Color Module Level 4 defines new 4 & 8 character hex notation for color to include the opacity level. 97%no7949621010.0-10.2
CSS Scroll-behavior Method of specifying the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs. 96%nono36no15.415.4
CSS @scroll-timeline CSS property that allows animations to be driven by a container's scroll position 0%nononononono
CSS scrollbar styling Methods of styling scrollbars' color and width. 84%5.5121 (79)64121 (4)5.17.0-7.1
CSS 2.1 selectors Basic CSS selectors including: `*` (universal selector), `>` (child selector), `:first-child`, `:link`, `:visited`, `:active`, `:hover`, `:focus`, `:lang()`, `+` (adjacent sibling selector), `[attr]`, `[attr="val"]`, `[attr~="val"]`, `[attr|="bar"]`, `.foo` (class selector), `#foo` (id selector) 98%712243.13.2
CSS3 selectors Advanced element selection using selectors including: `[foo^="bar"]`, `[foo$="bar"]`, `[foo*="bar"]`, `:root`, `:nth-child()`, `:nth-last-child()`, `:nth-of-type()`, `:nth-last-of-type()`, `:last-child`, `:first-of-type`, `:last-of-type`, `:only-child`, `:only-of-type`, `:empty`, `:target`, `:enabled`, `:disabled`, `:checked`, `:not()`, `~` (general sibling) 98%9 (7)123.543.23.2
::selection CSS pseudo-element The ::selection CSS pseudo-element applies rules to the portion of a document that has been highlighted (e.g., selected with the mouse or another pointing device) by the user. 83%91262 (2)43.1no
CSS Shapes Level 1 Allows geometric shapes to be set in CSS to define an area for text to flow around. Includes properties `shape-outside`, `shape-margin` and `shape-image-threshold` 97%no79623710.1 (7.1)10.3 (8)
CSS Scroll Snap CSS technique that allows customizable scrolling experiences like pagination of carousels by setting defined snap positions. 98%1079 (12)68 (39)6911 (9)11.0-11.2 (9.0-9.2)
CSS position:sticky Keeps elements positioned as "fixed" or "relative" depending on how it appears in the viewport. As a result the element is "stuck" when necessary while scrolling. 97%no91 (16)59 (32)91 (56)13 (6.1)13.0-13.1 (6.0-6.1)
CSS Subgrid Feature of the CSS Grid Layout Module Level 2 that allows a grid-item with its own grid to align in one or both dimensions with its parent grid. 87%no1177111716.016.0
CSS.supports() API The CSS.supports() static method returns a Boolean value indicating if the browser supports a given CSS feature, or not. 98%no79 (12)55 (22)61 (28)99.0-9.2
CSS Table display Method of displaying elements as tables, rows, and cells. Includes support for all `display: table-*` properties as well as `display: inline-table` 98%8123 (2)43.13.2
CSS3 text-align-last CSS property to describe how the last line of a block or a line right before a forced line break when `text-align` is `justify`. 95%5.579 (12)49 (12)4716.016.0
CSS text-box-trim & text-box-edge Provides the ability to remove the vertical space appearing above and below text glyphs, allowing more precise positioning and alignment. Previously specified as the `leading-trim` & `text-edge` properties. 0%nonononoTPno
CSS text-indent The `text-indent` property applies indentation to lines of inline content in a block. 98%5.512121 (2)416.0 (3.1)16.0 (3.2)
CSS text-justify CSS property to define how text should be justified when `text-align: justify` is set. 3%812nononono
CSS text-orientation The CSS `text-orientation` property specifies the orientation of text within a line. Current values only have an effect in vertical typographic modes (defined with the `writing-mode` property) 97%no79414814 (10.1)10.0-10.2
CSS text-wrap: balance Allows multiple lines of text to have their lines broken in such a way that each line is roughly the same width, often used to make headlines more readable and visually appealing. 73%no11412111417.517.5
CSS3 Text-shadow Method of applying one or more shadow or blur effects to text 98%no793.544 (3.1)3.2
CSS touch-action property touch-action is a CSS property that controls filtering of gesture events, providing developers with a declarative mechanism to selectively disable touch scrolling (in one or both axes) or double-tap-zooming. 95%11 (10)125736no13.0-13.1 (9.3)
CSS3 Transitions Simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function. 98%101216 (4)26 (4)6.1 (3.1)7.0-7.1 (3.2)
CSS unset value A CSS value that's the same as "inherit" if a property is inherited or "initial" if a property is not inherited. 98%no1327419.19.3
CSS Variables (Custom Properties) Permits the declaration and usage of cascading variables in stylesheets. 97%no16 (15)314910 (9.1)10.0-10.2 (9.3)
CSS @when / @else conditional rules Syntax allowing CSS conditions (like media and support queries) to be written more simply, as well as making it possible to write mutually exclusive rules using `@else` statements. 0%nononononono
CSS widows & orphans CSS properties to control when lines break across pages or columns by defining the amount of lines that must be left before or after the break. 96%1012no2577.0-7.1
CSS writing-mode property Property to define whether lines of text are laid out horizontally or vertically and the direction in which blocks progress. 98%5.5124148 (8)11 (5.1)11.0-11.2 (5.0-5.1)
CSS zoom Non-standard method of scaling content. 96%5.512no444.0-4.1
CSS3 attr() function for all properties While `attr()` is supported for effectively all browsers for the `content` property, CSS Values and Units Level 5 adds the ability to use `attr()` on **any** CSS property, and to use it for non-string values (e.g. numbers, colors). 0%nononononono
CSS3 Box-sizing Method of specifying whether or not an element's borders and padding should be included in size units 98%81229 (2)10 (4)5.1 (3.1)5.0-5.1 (3.2)
CSS3 Colors Method of describing colors using Hue, Saturation and Lightness (hsl()) rather than just RGB, as well as allowing alpha-transparency with rgba() and hsla(). 98%9123 (2)43.13.2
CSS3 Cursors (original values) CSS3 cursor values added in the 2004 spec, including none, context-menu, cell, vertical-text, alias, copy, no-drop, not-allowed, nesw-resize, nwse-resize, col-resize, row-resize and all-scroll. 80%9 (5.5)14 (12)4 (2)5 (4)5 (3.1)no
CSS grab & grabbing cursors Support for the `grab` & `grabbing` values for the `cursor` property. Used to indicate that something can be grabbed (dragged to be moved). 80%no1527 (2)68 (4)11 (3.1)no
CSS3 Cursors: zoom-in & zoom-out Support for `zoom-in`, `zoom-out` values for the CSS3 `cursor` property. 80%no1224 (2)37 (4)9 (3.1)no
CSS3 tab-size Method of customizing the width of the tab character. Only effective using 'white-space: pre', 'white-space: pre-wrap', and 'white-space: break-spaces'. 98%no7991 (4)42 (21)13.1 (6.1)13.4-13.7 (7.0-7.1)
CSS currentColor value A CSS value that will apply the existing `color` value to other properties like `background-color`, etc. 98%9122444.0-4.1
Custom Elements (deprecated V0 spec) Original V0 version of the custom elements specification. See Custom Elements V1 for support for the latest version. 2%no79no33nono
Custom Elements (V1) One of the key features of the Web Components system, custom elements allow new HTML tags to be defined. 97%no796367 (54)10.110.3
CustomEvent A DOM event interface that can carry custom application-defined data. 98%91211 (6)15 (9)6.1 (5.1)6.0-6.1 (5.0-5.1)
Datalist element Method of setting a list of options for a user to select in a text field, while leaving the ability to enter a custom value. 98%1079 (12)110 (4)69 (20)12.1no
dataset & data-* attributes Method of applying and accessing custom data to elements. 98%11 (5.5)126 (2)45 (4)3.13.2
Data URIs Method of embedding images and other files in webpages as a string of text, generally using base64 encoding. 98%879 (12)243.13.2
Date.prototype.toLocaleDateString Date method to generate a language sensitive representation of a given date, formatted based on a specified locale and options. 98%618 (12)56 (2)70 (4)12 (5.1)10.3 (6.0-6.1)
Declarative Shadow DOM Proposal to allow rendering elements with shadow dom (aka web components) using server-side rendering. 91%no111 (91)123111 (90)16.416.4
Decorators ECMAScript Decorators are an in-progress proposal for extending JavaScript classes. Decorators use a special syntax, prefixed with an `@` symbol and placed immediately before the code being extended. 0%nononononono
Details & Summary elements The <details> element generates a simple no-JavaScript widget to show/hide element contents, optionally by clicking on its child <summary> element. 98%no794936126.0-6.1
DeviceOrientation & DeviceMotion events API for detecting orientation and motion events from the device running the browser. 95%1112 (79)67no4.2-4.3
Window.devicePixelRatio Read-only property that returns the ratio of the (vertical) size of one physical pixel on the current display device to the size of one CSS pixel. 98%11121843.13.2
Dialog element Method of easily creating custom dialog boxes to display to the user with modal or non-modal options. Also includes a `::backdrop` pseudo-element for behind the element. 96%no79983715.415.4
EventTarget.dispatchEvent Method to programmatically trigger a DOM event. 98%1112243.24.0-4.1
DNSSEC and DANE Method of validating a DNS response against a trusted root server. Mitigates various attacks that could reroute a user to a fake site while showing the real URL for the original site. 98%5.512243.13.2
Do Not Track API API to allow the browser's Do Not Track setting to be queried via `navigator.doNotTrack`. Due to lack of adoption the Do Not Track specification was deprecated in 2018. 80%917 (12)32 (9)235.1 (6.1)9.0-9.2 (7.0-7.1)
document.currentScript `document.currentScript` returns the `<script>` element whose script is currently being processed. 98%no1242988
document.evaluate & XPath Allow nodes in an XML/HTML document to be traversed using XPath expressions. 98%no12343.13.2
Document.execCommand() Allows running commands to manipulate the contents of an editable region in a document switched to designMode 98%5.5129467.0-7.1
Document Policy A mechanism that allows developers to set certain rules and policies for a given site. The rules can change default browser behaviour, block certain features or set limits on resource usage. Document Policy is useful both for security and performance, and is similar to Permissions Policy. 72%no85no85nono
document.scrollingElement `document.scrollingElement` refers to the element that scrolls the document. 98%no14484499.0-9.2
document.head Convenience property for accessing the `<head>` element 98%912445.14.0-4.1
DOM manipulation convenience methods jQuery-like methods on DOM nodes to insert nodes around or within a node, or to replace one node with another. These methods accept any number of DOM nodes or HTML strings as arguments. Includes: `ChildNode.before`, `ChildNode.after`, `ChildNode.replaceWith`, `ParentNode.prepend`, and `ParentNode.append`. 97%no1749541010.0-10.2
Document Object Model Range A contiguous range of content in a Document, DocumentFragment or Attr 98%912243.13.2
DOMContentLoaded JavaScript event that fires when the DOM is loaded, but before all page assets are loaded (CSS, images, etc.). 98%912243.13.2
DOMMatrix The `DOMMatrix` interface represents 4x4 matrices, suitable for 2D and 3D operations. Supersedes the `WebKitCSSMatrix` and `SVGMatrix` interfaces. 98%101233855.0-5.1
Download attribute When used on an anchor, this attribute signifies that the browser should download the resource the anchor points to rather than navigate to it. 97%no13201410.113.0-13.1
Drag and Drop Method of easily dragging and dropping elements on a page, requiring minimal JavaScript. 94%5.518 (12)3.543.115.0-15.1
Element.closest() DOM method that returns the current element if it matches the given selector, or else the closest ancestor element that matches the given selector, or else null. 98%no15354199.0-9.2
document.elementFromPoint() Given coordinates for a point relative to the viewport, returns the element that a click event would be dispatched at if the user were to click the point (in other words, the element that hit-testing would find). 98%61231554.0-4.1
Scroll methods on elements (scroll, scrollTo, scrollBy) Methods to change the scroll position of an element. Similar to setting `scrollTop` & `scrollLeft` properties, but also allows options to be passed to define the scroll behavior. 97%no79366114 (10)14.5-14.8 (10.0-10.2)
Encrypted Media Extensions The EncryptedMediaExtenstions API provides interfaces for controlling the playback of content which is subject to a DRM scheme. 98%11123842 (35)12 (7)11.3-11.4
EOT - Embedded OpenType fonts Type of font that can be derived from a regular font, allowing small files and legal use of high-quality fonts. Usage is restricted by the file being tied to the website 1%6nonononono
ECMAScript 5 Full support for the ECMAScript 5 specification. Features include `Function.prototype.bind`, Array methods like `indexOf`, `forEach`, `map` & `filter`, Object methods like `defineProperty`, `create` & `keys`, the `trim` method on Strings and many more. 98%10 (9)1221 (2)23 (4)6 (3.1)6.0-6.1 (3.2)
ECMAScript 2015 (ES6) Support for the ECMAScript 2015 specification. Features include Promises, Modules, Classes, Template Literals, Arrow Functions, Let and Const, Default Parameters, Generators, Destructuring Assignment, Rest & Spread, Map/Set & WeakMap/WeakSet and many more. 98%111262110 (7.1)10.0-10.2 (7.0-7.1)
ES6 classes ES6 classes are syntactical sugar to provide a much simpler and clearer syntax to create objects and deal with inheritance. 97%no134549 (42)99.0-9.2
ES6 Generators ES6 Generators are special functions that can be used to control the iteration behavior of a loop. Generators are defined using a `function*` declaration. 98%no1326391010.0-10.2
JavaScript modules via script tag Loading JavaScript module scripts (aka ES6 modules) using `<script type="module">` Includes support for the `nomodule` attribute. 97%no79606111 (10.1)11.0-11.2 (10.3)
JavaScript modules: dynamic import() Loading JavaScript modules dynamically using the import() syntax 97%no79676311.111.0-11.2
ES6 Number Extensions to the `Number` built-in object in ES6, including constant properties `EPSILON`, `MIN_SAFE_INTEGER`, and `MAX_SAFE_INTEGER`, and methods ` isFinite`, `isInteger`, `isSafeInteger`, and `isNaN`. 98%no1232 (16)34 (19)99.0-9.2
String.prototype.includes The includes() method determines whether one string may be found within another string, returning true or false as appropriate. 98%no12404199.0-9.2
Server-sent events Method of continuously sending data from a server to the browser, rather than repeatedly requesting it (EventSource interface, used to fall under HTML5) 98%no796654.0-4.1
ui-serif, ui-sans-serif, ui-monospace and ui-rounded values for font-family Allows more control when choosing system interface fonts 18%nononono13.113.4-13.7
Feature Policy This specification defines a mechanism that allows developers to selectively enable and disable use of various browser features and APIs. Feature Policy is deprecated and has been replaced with Permissions Policy and Document Policy. 97%no797474 (60)11.111.3-11.4
Fetch A modern replacement for XMLHttpRequest. 98%no144042 (40)10.110.3
disabled attribute of the fieldset element Allows disabling all of the form control descendants of a fieldset via a `disabled` attribute on the fieldset element itself. 98%61242066.0-6.1
File API Method of manipulating file objects in web applications client-side, as well as programmatically selecting them and accessing their data. 98%1079 (12)28 (3.6)38 (6)10 (5.1)10.0-10.2 (6.0-6.1)
FileReader API Method of reading the contents of a File or Blob object into memory 98%10123.6666.0-6.1
FileReaderSync Allows files to be read synchronously in Web Workers 98%101281566.0-6.1
Filesystem & FileWriter API Method of reading and writing files to a sandboxed file system. 76%no79no8nono
FLAC audio format Popular lossless audio compression format 97%no165156 (47)13 (11)11.0-11.2
CSS Flexible Box Layout Module Method of positioning elements in horizontal or vertical stacks. Support includes all properties prefixed with `flex`, as well as `display: flex`, `display: inline-flex`, `align-content`, `align-items`, `align-self`, `justify-content` and `order`. 98%101228 (2)29 (4)9 (3.1)9.0-9.2 (3.2)
gap property for Flexbox `gap` for flexbox containers to create gaps/gutters between flex items 96%no84638414.114.5-14.8
display: flow-root The element generates a block container box, and lays out its contents using flow layout. It always establishes a new block formatting context for its contents. It provides a better solution to the most use cases of the "clearfix" hack. 97%no7953581313.0-13.1
focusin & focusout events The `focusin` and `focusout` events fire just before the element gains or loses focus, and they bubble. By contrast, the `focus` and `blur` events fire after the focus has shifted, and don't bubble. 98%61252155.15.0-5.1
system-ui value for font-family Value for `font-family` that represents the default user interface font. 97%no7992 (43)56 (53)11 (9.1)11.0-11.2 (9.0-9.2)
CSS font-feature-settings Method of applying advanced typographic and language-specific font features to supported OpenType fonts. 98%101234 (4)48 (16)9.1 (4)9.3 (3.2)
CSS3 font-kerning Controls the usage of the kerning information (spacing between letters) stored in the font. Note that this only affects OpenType fonts with kerning information, it has no effect on other fonts. 98%no793433 (29)9.1 (7)12.0-12.1 (8)
CSS Font Loading This CSS module defines a scripting interface to font faces in CSS, allowing font faces to be easily created and loaded from script. It also provides methods to track the loading status of an individual font, or of all the fonts on an entire page. 98%no7941351010.0-10.2
CSS font-size-adjust Method of adjusting the font size in a matter that relates to the height of lowercase vs. uppercase letters. This makes it easier to set the size of fallback fonts. 16%nono118 (3)no17.0 (16.4)17.0 (16.4)
CSS font-smooth Controls the application of anti-aliasing when fonts are rendered. 34%no792554no
Font unicode-range subsetting This @font-face descriptor defines the set of Unicode codepoints that may be supported by the font face for which it is declared. The descriptor value is a comma-delimited list of Unicode range (<urange>) values. The union of these ranges defines the set of codepoints that serves as a hint for user agents when deciding whether or not to download a font resource for a given text run. 98%917 (12)4436 (4)10 (3.1)10.0-10.2 (3.2)
CSS font-variant-alternates Controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values for certain types of OpenType fonts. 92%no111341119.19.3
CSS font-variant-numeric CSS property that provides different ways of displaying numbers, fractions, and ordinal markers. 97%no7934529.19.3
@font-face Web fonts Method of displaying fonts downloaded from websites 98%9 (5.5)123.543.24.2-4.3 (3.2)
Form attribute Attribute for associating input and submit buttons with a form. 98%no164105.15.0-5.1
Attributes for form submission Attributes for form submission that may be specified on submit buttons. The attributes are: `formaction`, `formenctype`, `formmethod`, `formnovalidate`, and `formtarget` 98%10124155.15.0-5.1
Form validation Method of setting required fields and field types without requiring JavaScript. This includes preventing forms from being submitted when appropriate, the `checkValidity()` method as well as support for the `:invalid`, `:valid`, and `:required` CSS pseudo-classes. 98%101241010.1 (5)10.3 (4.0-4.1)
Fullscreen API API for allowing content (like a video or canvas element) to take up the entire screen. 97%1179 (12)64 (10)71 (15)16.4 (5.1)12.0-12.1
Gamepad API API to support input from USB gamepad controllers through JavaScript. 97%no122925 (21)10.110.3
Geolocation Method of informing a website of the user's geographical location 98%9123.55 (4)53.2
Element.getBoundingClientRect() Method to get the size and position of an element's bounding box, relative to the viewport. 98%5.57912 (3)444.0-4.1
getComputedStyle API to get the current computed CSS styles applied to an element. This may be the current value applied by an animation or as set by a stylesheet. 98%9124 (3)11 (4)5 (3.1)5.0-5.1 (3.2)
getElementsByClassName Method of accessing DOM elements by class name 98%912343.13.2
crypto.getRandomValues() Method of generating cryptographically random values. 98%111221116.17.0-7.1
Gyroscope Defines a concrete sensor interface to monitor the rate of rotation around the device’s local three primary axes. 74%no79no67nono
navigator.hardwareConcurrency Returns the number of logical cores of the user's CPU. The value may be reduced to prevent device fingerprinting or because it exceeds the allowed number of simultaneous web workers. 98%no154837nono
Hashchange event Event triggered in JavaScript when the URL's hash has changed (for example: page.html#foo to page.html#bar) 98%8123.6554.0-4.1
HEIF/HEIC image format A modern image format based on the HEVC video format. HEIC generally has better compression than WebP, JPEG, PNG and GIF. It is hard for browsers to support HEIC because it is complex and expensive to license. AVIF and JPEG XL provide free licenses and are designed to supersede HEIC. 11%nononono17.017.0
HEVC/H.265 video format The High Efficiency Video Coding (HEVC) compression standard is a video compression format intended to succeed H.264. It is hard for browsers to universally support HEVC because it is complex and expensive to license. HEVC competes with AV1 which has similar compression quality and provides a free license. 91%1112no10713 (11)11.0-11.2
hidden attribute The `hidden` attribute may be applied to any element, and effectively hides elements similar to `display: none` in CSS. 98%1112465.15.0-5.1
High Resolution Time API Method to provide the current time in sub-millisecond resolution and such that it is not subject to system clock skew or adjustments. Called using `performance.now()` 98%10121524 (20)88
Session history management Method of manipulating the user's browser's session history in JavaScript using `history.pushState`, `history.replaceState` and the `popstate` event. 98%1012456 (5)5.0-5.1 (4.2-4.3)
HTML Media Capture Facilitates user access to a device's media capture mechanism, such as a camera, or microphone, from within a file upload control. 63%nononononono
HTML5 semantic elements HTML5 offers some new elements, primarily for semantic purposes. The elements include: `section`, `article`, `aside`, `header`, `footer`, `nav`, `figure`, `figcaption`, `time`, `mark` & `main`. 98%91221 (3)26 (4)6.1 (3.1)7.0-7.1 (3.2)
HTTP Live Streaming (HLS) HTTP-based media streaming communications protocol 66%no12nono63.2
HTTP/2 protocol Networking protocol for low-latency transport of content over the web. Originally started out from the SPDY protocol, now standardized as HTTP version 2. 98%1112364111 (9)9.0-9.2
HTTP/3 protocol Third version of the HTTP networking protocol which uses QUIC as transport protocol. Previously known as HTTP-over-QUIC, now standardized as HTTP/3. 95%no8788871414.0-14.4
sandbox attribute for iframes Method of running external site pages with reduced privileges (e.g. no JavaScript) in iframes. 98%101228 (17)454.2-4.3
seamless attribute for iframes The seamless attribute makes an iframe's contents actually part of a page, and adopts the styles from its hosting page. The attribute has been removed from both the WHATWG and the W3C HTML5 specifications. 0%nononononono
srcdoc attribute for iframes Override the content specified in the `src` attribute (if present) with HTML content within the attribute. 98%no79252066.0-6.1
ImageCapture API The Image Capture API provides access to the Video Camera for taking photos while configuring picture-specific settings such as e.g. zoom or auto focus metering area. 76%no79no59nono
Input Method Editor API Provides scripted access to the Input Method Editor (IME). An IME is often used to input characters from East Asian languages by typing roman characters and selecting from the resulting suggestions. 1%1112nononono
naturalWidth & naturalHeight image properties Properties defining the intrinsic width and height of the image, rather than the displayed width & height. 98%912243.13.2
Import maps Import maps allow control over what URLs get fetched by JavaScript `import` statements and `import()` expressions. 92%no891088916.416.4
HTML Imports Deprecated method of including and reusing HTML documents in other HTML documents. Superseded by ES modules. 2%no79no36nono
indeterminate checkbox Indeterminate checkboxes are displayed in a state which is distinct both from being checked or being unchecked. They are commonly used in hierarchical checkboxes to indicate that only some of the checkbox's descendants are checked. 98%6123.628612.2-12.5
IndexedDB Method of storing data client-side, allows indexed database queries. 98%1079 (12)16 (4)24 (11)10 (7.1)10.0-10.2 (8)
IndexedDB 2.0 Improvements to Indexed DB, including getAll(), renaming stores and indexes, and binary keys. 97%no7951 (44)58 (48)10.110.3
CSS inline-block Method of displaying an element as a block while flowing it with text. 98%8 (5.5)123 (2)43.13.2
HTMLElement.innerText A property representing the text within a DOM element and its descendants. As a getter, it approximates the text the user would get if they highlighted the contents of the element with the cursor and then copied to the clipboard. 98%6124543.24.0-4.1
autocomplete attribute: on & off values The `autocomplete` attribute for `input` elements indicates to the browser whether a value should or should not be autofilled when appropriate. 98%5.5 (11)122 (30)17 (27)5.1 (7)no
Color input type Form field allowing the user to select a color. 97%no14292012.1no
Date and time input types Form field widgets to easily allow users to enter a date, time or both, generally by using a calendar/time input widget. Refers to supporting the following input types: `date`, `time`, `datetime-local`, `month` & `week`. 97%no13 (12)5725 (20)14.15.0-5.1
Email, telephone & URL input types Text input fields intended for email addresses, telephone numbers or URLs. Particularly useful in combination with form validation 98%10124553.2
input event The `input` event is fired when the user changes the value of an `<input>` element, `<select>` element, or `<textarea>` element. By contrast, the "change" event usually only fires after the form control has lost focus. 98%97949 (3)6613.113.2
accept attribute for file input Allows a filter to be defined for what type of files a user may pick with from an `<input type="file">` dialog 95%107937 (4)26 (9)11.1 (6)8
Directory selection from file input The `webkitdirectory` attribute on the `<input type="file">` element allows entire directory with file contents (and any subdirectories) to be selected. 34%no14503011.1no
Multiple file selection Allows users to select multiple files in the file picker. 96%10123.6546.0-6.1
inputmode attribute The `inputmode` attribute specifies what kind of input mechanism would be most helpful for users entering content into the form control. 94%no7995 (17)66no12.2-12.5
Minimum length attribute for input fields Declares a lower bound on the number of characters a user can input. 97%no17514010.110.3
Number input type Form field type for numbers. 98%no79no653.2
Pattern attribute for input fields Allows validation of an input field based on a given regular expression pattern. 98%101241010.1 (5.1)10.3 (5.0-5.1)
input placeholder attribute Method of setting placeholder text for text-like input fields, to suggest the expected inserted information. 98%1012445 (3.1)3.2
Range input type Form field type that allows the user to select a value using a slider widget. 98%10122343.15.0-5.1
Search input type Search field form input type. Intended to look like the underlying platform's native search field widget (if there is one). Other than its appearance, it's the same as an `<input type="text">`. 98%no79no265.15.0-5.1
Selection controls for input & textarea Controls for setting and getting text selection via `setSelectionRange()` and the `selectionStart` & `selectionEnd` properties. 98%9122444.0-4.1
Element.insertAdjacentElement() & Element.insertAdjacentText() Methods for inserting an element or text before or after a given element, or appending or prepending an element or text to a given element's list of children. 98%6124843.13.2
Element.insertAdjacentHTML() Inserts a string of HTML into a specified position in the DOM relative to the given element. 98%10 (6)128444.0-4.1
Internationalization API Locale-sensitive collation (string comparison), number formatting, and date and time formatting. 98%111229241010.0-10.2
IntersectionObserver API that can be used to understand the visibility and position of DOM elements relative to a containing element or to the top-level viewport. The position is delivered asynchronously and is useful for understanding the visibility of elements and implementing pre-loading and deferred loading of DOM content. 97%no16 (15)5558 (51)12.112.2-12.5
IntersectionObserver V2 Iteration on the original API that also reports if the element is covered by another element or has filters applied to it. Useful for blocking clickjacking attempts or tracking ad exposure. 76%no79no74nono
Intl.PluralRules API API for plural sensitive formatting and plural language rules. 97%no7958631313.0-13.1
Intrinsic & Extrinsic Sizing Allows for the heights and widths to be specified in intrinsic values using the `max-content`, `min-content`, `fit-content` and `stretch` (formerly `fill`) properties. 98%nono32216.0 (6.1)16.0 (7.0-7.1)
JPEG 2000 image format JPEG 2000 was built to supersede the original JPEG format by having better compression and more features. WebP, AVIF and JPEG XL are all designed to supersede JPEG 2000. 18%nononono65.0-5.1
JPEG XL image format A modern image format optimized for web environments. JPEG XL generally has better compression than WebP, JPEG, PNG and GIF and is designed to supersede them. JPEG XL competes with AVIF which has similar compression quality but fewer features overall. 11%nononononono
JPEG XR image format JPEG XR was built to supersede the original JPEG format by having better compression and more features. WebP, AVIF and JPEG XL are all designed to supersede JPEG XR. 1%912nononono
Lookbehind in JS regular expressions The positive lookbehind (`(?<= )`) and negative lookbehind (`(?<! )`) zero-width assertions in JavaScript regular expressions can be used to ensure a pattern is preceded by another pattern. 93%no79786216.416.4
JSON parsing Method of converting JavaScript objects to JSON strings and JSON back to objects using JSON.stringify() and JSON.parse() 98%9123.5444.0-4.1
CSS justify-content: space-evenly The "space-evenly" value for the `justify-content` property distributes the space between items evenly. It is similar to space-around but provides equal instead of half-sized space on the edges. Can be used in both CSS flexbox & grid. 97%no79 (16)5260 (57)11 (10.1)11.0-11.2 (10.3)
High-quality kerning pairs & ligatures When used in HTML, the unofficial `text-rendering: optimizeLegibility` CSS property enables high-quality kerning and ligatures in certain browsers. Newer browsers have this behavior enabled by default. 98%no183454.2-4.3
KeyboardEvent.charCode A legacy `KeyboardEvent` property that gives the Unicode codepoint number of a character key pressed during a `keypress` event. 98%9123445.0-5.1
KeyboardEvent.code A `KeyboardEvent` property representing the physical key that was pressed, ignoring the keyboard layout and ignoring whether any modifier keys were active. 49%no79384810.110.3
KeyboardEvent.getModifierState() `KeyboardEvent` method that returns the state (whether the key is pressed/locked or not) of the given modifier key. 98%912153010.110.3
KeyboardEvent.key A `KeyboardEvent` property whose value is a string identifying the key that was pressed. Covers character keys, non-character keys (e.g. arrow keys), and dead keys. 98%979 (12)29 (23)5110.110.3
KeyboardEvent.location A `KeyboardEvent` property that indicates the location of the key on the input device. Useful when there are more than one physical key for the same logical key (e.g. left or right "Control" key; main or numpad "1" key). 98%9121530 (4)6.1 (4)8 (5.0-5.1)
KeyboardEvent.which A legacy `KeyboardEvent` property that is equivalent to either `KeyboardEvent.keyCode` or `KeyboardEvent.charCode` depending on whether the key is alphanumeric. 98%912245.15.0-5.1
Resource Hints: Lazyload Gives a hint to the browser to lower the loading priority of a resource. Please note that this is a legacy attribute, see the `loading` attribute for the new standardized API. 1%1112nononono
let Declares a variable with block level scope 98%11124449 (41)11 (10)11.0-11.2 (10.0-10.2)
PNG favicons Icon used by browsers to identify a webpage or site. While all browsers support the `.ico` format, the PNG format can be preferable. 98%1112243.112.0-12.1
SVG favicons Icon used by browsers to identify a webpage or site. While all browsers support the `.ico` format, the SVG format can be preferable to more easily support higher resolutions or larger icons. 77%nono4nonono
Resource Hints: dns-prefetch Gives a hint to the browser to perform a DNS lookup in the background to improve performance. This is indicated using `<link rel="dns-prefetch" href="https://example.com/">` 83%10 (9)123.545no
Resource Hints: modulepreload Using `<link rel="modulepreload">`, browsers can be informed to prefetch module scripts without having to execute them, allowing fine-grained control over when and how module resources are loaded. 90%no791156617.017.0
Resource Hints: preconnect Gives a hint to the browser to begin the connection handshake (DNS, TCP, TLS) in the background to improve performance. This is indicated using `<link rel="preconnect" href="https://example-domain.com/">` 97%no79 (15)404611.111.3-11.4
Resource Hints: prefetch Informs the browsers that a given resource should be prefetched so it can be loaded more quickly. This is indicated using `<link rel="prefetch" href="(url)">` 80%111228nono
Resource Hints: preload Using `<link rel="preload">`, browsers can be informed to prefetch resources without having to execute them, allowing fine-grained control over when and how resources are loaded. Only the following `as` values are supported: fetch, image, font, script, style, track. 97%no79 (17)85 (56)5011.111.3-11.4
Resource Hints: prerender Gives a hint to the browser to render the specified page in the background, speeding up page load if the user navigates to it. This is indicated using `<link rel="prerender" href="(url)">` 77%1179no13nono
Lazy loading via attribute for images & iframes The `loading` attribute on images & iframes gives authors control over when the browser should start loading the resource. 96%no79121 (75)7716.4 (15.4)16.4 (15.4)
localeCompare() The `localeCompare()` method returns a number indicating whether a reference string comes before or after or is the same as the given string in sort order. 98%11 (6)1229 (2)24 (4)10 (3.1)10.0-10.2 (3.2)
Magnetometer Defines a concrete sensor interface to measure magnetic field in the X, Y and Z axis. 29%no79no67nono
matches() DOM method Method of testing whether or not a DOM element matches a given selector. Formerly known (and largely supported with prefix) as matchesSelector. 98%915 (12)34 (3.6)34 (4)7.1 (5)8 (4.0-4.1)
matchMedia API for finding out whether or not a media query applies to the document. 98%1012695.15.0-5.1
MathML Special tags that allow mathematical formulas and notations to be written on web pages. 94%nono42410 (3.1)5.0-5.1
maxlength attribute for input and textarea elements Declares an upper bound on the number of characters the user can input. Normally the UI ignores attempts by the user to type in additional characters beyond this limit. 98%10 (6)7951 (2)45.1 (3.2)4.0-4.1 (8)
Media Fragments Allows only part of a resource to be shown, based on the fragment identifier in the URL. Currently support is primarily limited to video track ranges. 97%no79341868
Media Capture from DOM Elements API API to capture Real-Time video and audio from a DOM element, such as a `<video>`, `<audio>`, or `<canvas>` element via the `captureStream` method, in the form of a `MediaStream` 82%no794362 (51)11no
MediaRecorder API The MediaRecorder API (MediaStream Recording) aims to provide a really simple mechanism by which developers can record media streams from the user's input devices and instantly use them in web apps, rather than having to perform manual encoding operations on raw PCM data, etc. 96%no79294914.114.5-14.8
Media Source Extensions API allowing media data to be accessed from HTML `video` and `audio` elements. 98%11124231 (23)813.0-13.1
Context menu item (menuitem element) Method of defining a context menu item, now deprecated and removed from the HTML specification. 0%nono8nonono
theme-color Meta Tag Meta tag to define a suggested color that browsers should use to customize the display of the page or of the surrounding user interface. The meta tag overrides any theme-color set in the web app manifest. 85%nonono731515.0-15.1
meter element Method of indicating the current level of a gauge. 98%no13168610.3
Web MIDI API The Web MIDI API specification defines a means for web developers to enumerate, manipulate and access MIDI devices 79%no7910843nono
CSS min/max-width/height Method of setting a minimum or maximum width or height to an element. 98%912243.13.2
MP3 audio format Popular lossy audio compression format 98%91222 (3.5)444.0-4.1
Dynamic Adaptive Streaming over HTTP (MPEG-DASH) HTTP-based media streaming communications protocol, an alternative to HTTP Live Streaming (HLS). 0%no12nononono
MPEG-4/H.264 video format Commonly used video compression format. 98%91235 (21)43.23.2
CSS3 Multiple backgrounds Method of using multiple images as a background 98%9123.643.13.2
CSS3 Multiple column layout Method of flowing information in multiple columns 98%1012 (79)2410 (3.1)10.0-10.2 (3.2)
Mutation events Deprecated mechanism for listening to changes made to the DOM, replaced by Mutation Observers. 98%91261544.2-4.3
Mutation Observer Method for observing and reacting to changes to the DOM. Replaces MutationEvents, which is deprecated. 98%11121427 (18)6.1 (6)7.0-7.1 (6.0-6.1)
Web Storage - name/value pairs Method of storing data locally like cookies, but for larger amounts of data (sessionStorage and localStorage, used to fall under HTML5). 98%8123.5 (2)443.2
File System Access API API for manipulating files in the device's local file system (not in a sandbox). 91%no861118615.2-15.315.2-15.3
Navigation Timing API API for accessing timing information related to navigation and elements. 98%912713 (6)88
Network Information API The Network Information API enables web applications to access information about the network connection in use by the device. Accessed via `navigator.connection` 77%no79no61nono
Web Notifications Method of alerting the user outside of a web page by displaying notifications (that do not require interaction by the user). 91%no142222 (5)616.4
Object.entries The `Object.entries()` method creates a multi-dimensional array of key value pairs from the given object. 97%no14475410.110.3
CSS3 object-fit/object-position Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio), where object-position allows the object to be repositioned like background-image does. 98%no79 (16)363210 (7.1)10.0-10.2 (8)
Object.observe data binding Method for data binding, a now-withdrawn ECMAScript 7 proposal 0%nonono36nono
Object.values method The `Object.values()` method returns an array of a given object's own enumerable property values. 97%no14475410.110.3
Object RTC (ORTC) API for WebRTC Enables mobile endpoints to talk to servers and web browsers with Real-Time Communications (RTC) capabilities via native and simple JavaScript APIs 0%no13nononono
Offline web applications Now deprecated method of defining web page files to be cached using a cache manifest file, allowing them to work offline on subsequent visits to the page. 23%10123.5 (3)443.2
OffscreenCanvas OffscreenCanvas allows canvas drawing to occur with no connection to the DOM and can be used inside workers. 93%no791056917.0 (16.2)17.0 (16.2)
Ogg Vorbis audio format Vorbis is a free and open source audio format, most commonly used with the Ogg container. 84%no173.5414.117.4
Ogg/Theora video format Free lossy video compression format. 10%no173.54nono
Reversed attribute of ordered lists This attribute makes an ordered list number its items in descending order (large to small), instead of ascending order (small to large; the default). The order that the list items are displayed in is not affected. 98%no7918206.16.0-6.1
"once" event listener option Causes an event listener to be automatically removed after it gets invoked, so that it only gets invoked once. Similar to jQuery's `$.one()` feature. 97%no1650551010.0-10.2
Online/offline status Events to indicate when the user's connected (`online` and `offline` events) and the `navigator.onLine` property to see current status. 98%9 (8)123.5 (4)1454.2-4.3
Opus audio format Royalty-free open audio codec by IETF, which incorporated SILK from Skype and CELT from Xiph.org, to serve higher sound quality and lower latency at the same bitrate. 97%no1415331111.0-11.2
Orientation Sensor Defines a base orientation sensor interface and concrete sensor subclasses to monitor the device’s physical orientation in relation to a stationary three dimensional Cartesian coordinate system. 74%no79no67nono
CSS outline properties The CSS outline properties draw a border around an element that does not affect layout, making it ideal for highlighting. This covers the `outline` shorthand, as well as `outline-width`, `outline-style`, `outline-color` and `outline-offset`. 98%815 (12)243.13.2
String.prototype.padStart(), String.prototype.padEnd() The `padStart()` and `padEnd()` methods pad the current string with a given string (eventually repeated) so that the resulting string reaches a given length. The pad is applied from the start (left) of the current string for `padStart()`, and applied from the end (right) of the current string for `padEnd()`. 97%no1548571010.0-10.2
PageTransitionEvent Fired at the Window when the page's entry in the session history stops being the current entry. Includes the `pageshow` and `pagehide` events. 98%11122455.0-5.1
Page Visibility JavaScript API for determining whether a document is visible on the display 98%101218 (10)33 (14)6.17.0-7.1
Passive event listeners Event listeners created with the `passive: true` option cannot cancel (`preventDefault()`) the events they receive. Primarily intended to be used with touch events and `wheel` events. Since they cannot prevent scrolls, passive event listeners allow the browser to perform optimizations that result in smoother scrolling. 97%no1649511010.0-10.2
Passkeys Passkeys, also known as Multi-device FIDO Credentials, provide users with an alternative to passwords that is much easier to use and far more secure. 89%no10812210816.116.0
Path2D Allows path objects to be declared on 2D canvas surfaces 98%no79 (14)48 (31)68 (36)9.1 (7.1)9.0-9.2 (8.1-8.4)
Payment Request API Payment Request is a new API for the open web that makes checkout flows easier, faster and consistent on shopping sites. 95%no79 (15)6678 (61)12.1 (11.1)12.2-12.5 (11.3-11.4)
Built-in PDF viewer Support for a PDF viewer that is part of the browser, rather than requiring a PDF file to be opened in an external application. 50%1115191543.2
Permissions API High-level JavaScript API for checking and requesting permissions 94%no79464316.016.0
Permissions Policy A security mechanism that allows developers to explicitly enable or disable various powerful browser features for a given site. Similar to Document Policy. 71%no88no88nono
Picture element A responsive images method to control which image resource a user agent presents to a user, based on resolution, media query and/or support for a particular image format 98%no1338389.19.3
Picture-in-Picture Allows websites to create a floating video window that is always on top of other windows so that users may continue consuming media while they interact with other sites or applications on their device. 93%no79687013.1 (10)14.0-14.4 (9.0-9.2)
Ping attribute When used on an anchor, this attribute signifies that the browser should send a ping request the resource the attribute points to. 95%no17no1565.0-5.1
PNG alpha transparency Semi-transparent areas in PNG files 98%712243.13.2
Pointer events This specification integrates various inputs from mice, touchscreens, and pens, making separate implementations no longer necessary and authoring for cross-device pointers easier. Not to be mistaken with the unrelated "pointer-events" CSS property. 97%11 (10)1259551313.2 (13.0-13.1)
CSS pointer-events (for HTML) This CSS property, when set to "none" allows elements to not receive hover/click events, instead the event will occur on anything behind it. 98%11123.6443.2
Pointer Lock API API that provides access to raw mouse movement data. This is done by ignoring boundaries resulting from screen edges where the cursor can't go beyond, providing proper control for first person or real time strategy games. 80%no1341 (14)37 (22)10.1no
Portals Portals enable seamless navigation between sites or pages. A new page can be loaded as an inset using the `<portal>` element (similar to an iframe) which can then seamlessly transition to the new navigated state when "activated". 0%nononononono
prefers-color-scheme media query Media query to detect if the user has set their system to use a light or dark color theme. 96%no79677612.113.0-13.1
prefers-reduced-motion media query CSS media query based on a user preference for preferring reduced motion (animation, etc). 97%no79637410.110.3
progress element Method of indicating a progress state. 98%10126868 (7.0-7.1)
Promise.prototype.finally When the promise is settled, whether fulfilled or rejected, the specified callback function is executed. 97%no18586311.111.3-11.4
Promises A promise represents the eventual result of an asynchronous operation. 98%no1229 (27)33 (32)7.18
Proximity API Defines events that provide information about the distance between a device and an object, as measured by a proximity sensor. 3%nono15nonono
Proxy object The Proxy object allows custom behavior to be defined for fundamental operations. Useful for logging, profiling, object visualization, etc. 97%no1218491010.0-10.2
HTTP Public Key Pinning Declare that a website's HTTPS certificate should only be treated as valid if the public key is contained in a list specified over HTTP to prevent MITM attacks that use valid CA-issued certificates. 1%nono3538nono
Push API API to allow messages to be pushed from a server to a browser, even when the site isn't focused or even open in the browser. 93%no17no4416.116.4
querySelector/querySelectorAll Method of accessing DOM elements using CSS selectors 98%9 (8)123.543.13.2
readonly attribute of input and textarea elements Makes the form control non-editable. Unlike the `disabled` attribute, `readonly` form controls are still included in form submissions and the user can still select (but not edit) their value text. 98%6124265.17.0-7.1
Referrer Policy A policy that controls how much information is shared through the HTTP `Referer` header. Helps to protect user privacy. 98%1185 (12)87 (36)85 (21)7.18
Custom protocol handling Method of allowing a webpage to handle a given protocol using `navigator.registerProtocolHandler`. This allows certain URLs to be opened by a given web application, for example `mailto:` addresses can be opened by a webmail client. 31%nono3nonono
rel=noopener Ensure new browsing contexts are opened without a useful `window.opener` 97%no79524910.110.3
Link type "noreferrer" Links with `rel="noreferrer"` set do not send the request's "referrer" header. This prevents the destination site from seeing what URL the user came from. 98%1113331654.0-4.1
relList (DOMTokenList) Method of easily manipulating rel attribute values on elements, using the DOMTokenList object (similar to classList). 97%no18 (17)3065 (50)99.0-9.2
rem (root em) units Type of unit similar to `em`, but relative only to the root element, not any parent element. Thus compounding does not occur as it does with `em` units. 98%11 (9)123.6454.0-4.1 (5.0-5.1)
requestAnimationFrame API allowing a more efficient way of running script-based animation, compared to traditional methods using timeouts. Also covers support for `cancelAnimationFrame` 98%101223 (4)24 (10)6.1 (6)7.0-7.1 (6.0-6.1)
requestIdleCallback API allowing the execution of JavaScript to be queued to run in idle browser time, either at the end of a frame or when the user is inactive. Also covers support for `cancelIdleCallback`. The API has similarities with `requestAnimationFrame`. 79%no795547TPno
Resize Observer Method for observing and reacting to changes to sizes of DOM elements. 97%no79696413.113.4-13.7
Resource Timing (basic support) Method to help web developers to collect complete timing information related to resources on a document. 98%1012352511.1 (11)11.0-11.2
Rest parameters Allows representation of an indefinite number of arguments as an array. 97%no1215471010.0-10.2
WebRTC Peer-to-peer connections Method of allowing two users to communicate directly, browser to browser using the RTCPeerConnection API. 98%no79 (15)44 (22)56 (23)1111.0-11.2
Ruby annotation Method of adding pronunciation or other annotations using ruby elements (primarily used in East Asian typography). 98%5.51238555.0-5.1
display: run-in If the run-in box contains a block box, same as block. If a block box follows the run-in box, the run-in box becomes the first inline box of the block box. If an inline box follows, the run-in box becomes a block box. 1%8nono454.0-4.1
'SameSite' cookie attribute Same-site cookies ("First-Party-Only" or "First-Party") allow servers to mitigate the risk of CSRF and information leakage attacks by asserting that a particular cookie should only be sent with requests initiated from the same registrable domain. 96%1118605115 (12)13.0-13.1 (12.0-12.1)
Screen Orientation Provides the ability to read the screen orientation state, to be informed when this state changes, and to be able to lock the screen orientation to a specific state. 93%1179 (12)44 (18)3816.416.4
async attribute for external scripts The boolean async attribute on script elements allows the external JavaScript file to run when it's available, without delaying page load first. 98%10123.685.1 (5)5.0-5.1
defer attribute for external scripts The boolean defer attribute on script elements allows the external JavaScript file to run when the DOM is loaded, without delaying page load first. 98%10 (5.5)1231855.0-5.1
scrollIntoView The `Element.scrollIntoView()` method scrolls the current element into the visible area of the browser window. Parameters can be provided to set the position inside the visible area as well as whether scrolling should be instant or smooth. 98%879 (12)36 (2)61 (4)16.0 (5.1)16.0 (5.0-5.1)
Element.scrollIntoViewIfNeeded() If the element is fully within the visible area of the viewport, it does nothing. Otherwise, the element is scrolled into view. A proprietary variant of the standard `Element.scrollIntoView()` method. 95%no79no155.15.0-5.1
SDCH Accept-Encoding/Content-Encoding Shared Dictionary Compression over HTTP 3%nonono4nono
Selection API API for accessing selected content of a document, including the `window.getSelection()` method, as well as the `selectstart` & `selectionchange` events on `document`. 98%9 (6)1252 (2)155.13.2
Selectlist - Customizable select element Proposal for a customizable `<select>` element, currently defined as `<selectlist>`, previously `<selectmenu>`. 0%nononononono
Server Timing Mechanism for web developers to annotate network requests with server timing information. 91%no796165 (60)16.4 (12.1)16.4
Service Workers Method that enables applications to take advantage of persistent background processing, including hooks to enable bootstrapping of web applications while offline. 97%no174445 (40)11.111.3-11.4
Efficient Script Yielding: setImmediate() Yields control flow without the minimum delays enforced by setTimeout 1%1012nononono
Shadow DOM (deprecated V0 spec) Original V0 version of the Shadow DOM specification. See Shadow DOM V1 for support for the latest version. 1%no79no35 (25)nono
Shadow DOM (V1) Method of establishing and maintaining functional boundaries between DOM trees and how these trees interact with each other within a document, thus enabling better functional encapsulation within the DOM & CSS. 97%no7963531011.0-11.2 (10.0-10.2)
Shared Array Buffer Type of ArrayBuffer that can be shared across Workers. 95%no79no68nono
Shared Web Workers Method of allowing multiple scripts to communicate with a single web worker. 47%no7929455.0-5.1
Server Name Indication An extension to the TLS computer networking protocol by which a client indicates which hostname it is attempting to connect to at the start of the handshaking process. 98%9 (7)12263.14.0-4.1
SPDY protocol Networking protocol for low-latency transport of content over the web. Superseded by HTTP version 2. 19%11no13488
Speech Recognition API Method to provide speech input in a web browser. 88%nonono2514.114.5-14.8
Speech Synthesis API A web API for controlling a text-to-speech output. 95%no14493377.0-7.1
Spellcheck attribute Attribute for `input`/`textarea` fields to enable/disable the browser's spellchecker. 98%1012295.13.2
Web SQL Database Method of storing data client-side, allows SQLite database queries for access and manipulation. 77%no79no43.13.2
Srcset and sizes attributes The `srcset` and `sizes` attributes on `img` (or `source`) elements allow authors to define various image resources and "hints" that assist a user agent to determine the most appropriate image source to display (e.g. high-resolution displays, small monitors, etc). 98%no16 (12)3838 (34)7.18
getUserMedia/Stream API Method of accessing external device data (such as a webcam video stream). Formerly this was envisioned as the <device> element. 97%no1242 (17)53 (21)11no
Streams Method of creating, composing, and consuming streams of data, that map efficiently to low-level I/O primitives, and allow easy composition with built-in backpressure and queuing. 97%no89 (14)102 (65)89 (52)1010.3
Strict Transport Security Declare that a website is only accessible over a secure connection (HTTPS). 98%no124477.0-7.1
Scoped attribute Deprecated method of allowing scoped CSS styles using a "scoped" attribute. Now removed from the specification and replaced by the @scope CSS rule. 0%nono21nonono
Subresource Integrity Subresource Integrity enables browsers to verify that file is delivered without unexpected manipulation. 97%no1743451111.3-11.4
SVG (basic support) Method of displaying basic Vector Graphics features using the embed or object elements. Refers to the SVG 1.1 spec. 98%9793 (2)43.2 (3.1)3.2
SVG in CSS backgrounds Method of using SVG images as CSS backgrounds 98%916 (12)24 (4)5 (4)5 (3.2)4.2-4.3 (3.2)
SVG filters Method of using Photoshop-like effects on SVG objects including blurring and color manipulation. 98%101238 (5)66.0-6.1
SVG fonts Method of using fonts defined as SVG shapes. Removed from SVG 2.0 and considered as a deprecated feature with support being removed from browsers. 18%nonono43.23.2
SVG fragment identifiers Method of displaying only a part of an SVG image by defining a view ID or view box dimensions as the file's fragment identifier. 98%9121550 (36)11.1 (7.1)11.3-11.4 (8)
SVG effects for HTML Method of using SVG transforms, filters, etc on HTML elements using either CSS or the foreignObject element 98%9123.5 (3)443.2
Inline SVG in HTML5 Method of using SVG tags directly in HTML documents. Requires HTML5 parser. 98%no174799.0-9.2
SVG in HTML img element Method of displaying SVG images in HTML using <img>. 98%912428 (4)9 (3.2)9.0-9.2 (3.2)
SVG SMIL animation Method of using animation elements to animate SVG images 98%no7945 (4)6 (4)6.0-6.1 (3.2)
Signed HTTP Exchanges (SXG) Part of the Web Packaging spec, Signed HTTP Exchanges allow a different origin server to provide a resource, and this will be treated as if it came from the original server. This can be used with AMP CDNs, for example, to allow the original URL to be displayed in the URL bar. 76%no79no73 (71)nono
tabindex global attribute Specifies the focusability of the element and in what order (if any) it should become focused (relative to other elements) when "tabbing" through the document. 95%712no15nono
HTML templates Method of declaring a portion of reusable markup that is parsed but not rendered until cloned. 98%no15 (13)2235 (26)9 (7.1)9.0-9.2 (8)
ES6 Template Literals (Template Strings) Template literals are string literals allowing embedded expressions using backtick characters (`). You can use multi-line strings and string interpolation features with them. Formerly known as template strings. 98%no1334419.19.0-9.2
Temporal A modern API for working with date and time, meant to supersede the original `Date` API. 0%nononononono
text-decoration styling Method of defining the type, style and color of lines in the text-decoration property. These can be defined as shorthand (e.g. `text-decoration: line-through dashed blue`) or as single properties (e.g. `text-decoration-color: blue`) 97%no796577.18
text-emphasis styling Method of using small symbols next to each glyph to emphasize a run of text, commonly used in East Asian languages. The `text-emphasis` shorthand, and its `text-emphasis-style` and `text-emphasis-color` longhands, can be used to apply marks to the text. The `text-emphasis-position` property, which inherits separately, allows setting the emphasis marks' position with respect to the text. 98%no99 (79)4699 (25)7.1 (6.1)7.0-7.1
CSS3 Text-overflow Append ellipsis when text overflows its containing element 98%612743.13.2
CSS text-size-adjust On mobile devices, the text-size-adjust CSS property allows Web authors to control if and how the text-inflating algorithm is applied to the textual content of the element it is applied to. 92%no79 (12)no54no5.0-5.1
CSS text-stroke and text-fill Method of declaring the outline (stroke) width and color for text. 98%no154943.13.2
Node.textContent DOM Node property representing the text content of a node and its descendants 98%912243.24.0-4.1
TextEncoder & TextDecoder `TextEncoder` encodes a JavaScript string into bytes using the UTF-8 encoding and returns the resulting `Uint8Array` of those bytes. `TextDecoder` does the reverse. 98%no7920 (19)3810.110.3
TLS 1.1 Version 1.1 of the Transport Layer Security (TLS) protocol. 98%111224 (78)22 (85)75.0-5.1
TLS 1.2 Version 1.2 of the Transport Layer Security (TLS) protocol. Allows for data/message confidentiality, and message authentication codes for message integrity and as a by-product message authentication. 98%1112272975.0-5.1
TLS 1.3 Version 1.3 (the latest one) of the Transport Layer Security (TLS) protocol. Removes weaker elliptic curves and hash functions. 97%no7963 (60)7014 (12.1)12.2-12.5
Touch events Method of registering when, where and how the interface is touched, for devices with a touch screen. These DOM events are similar to mousedown, mousemove, etc. 94%no7918 (4)22no3.2
CSS3 2D Transforms Method of transforming an element including rotating, scaling, etc. Includes support for `transform` as well as `transform-origin` properties. 98%91716 (3.5)36 (4)9 (3.1)9.0-9.2 (3.2)
CSS3 3D Transforms Method of transforming an element in the third dimension using the `transform` property. Includes support for the `perspective` property to set the perspective in z-space and the `backface-visibility` property to toggle display of the reverse side of a 3D-transformed element. 98%101216 (10)36 (12)15.4 (4)15.4 (3.2)
Trusted Types for DOM manipulation An API that forces developers to be very explicit about their use of powerful DOM-injection APIs. Can greatly improve security against XSS attacks. 76%no83no83nono
TTF/OTF - TrueType and OpenType font support Support for the TrueType (.ttf) and OpenType (.otf) outline font formats in @font-face. 98%9123.543.14.2-4.3
Typed Arrays JavaScript typed arrays provide a mechanism for accessing raw binary data much more efficiently. Includes: `Int8Array`, `Uint8Array`, `Uint8ClampedArray`, `Int16Array`, `Uint16Array`, `Int32Array`, `Uint32Array`, `Float32Array` & `Float64Array` 98%11 (10)12476 (5.1)5.0-5.1 (4.2-4.3)
FIDO U2F API JavaScript API to interact with Universal Second Factor (U2F) devices. This allows users to log into sites more securely using two-factor authentication with a USB dongle. 20%nono67no1313.3
unhandledrejection/rejectionhandled events The `unhandledrejection` event is fired when a Promise is rejected but there is no rejection handler to deal with the rejection. The `rejectionhandled` event is fired when a Promise is rejected, and after the rejection is handled by the promise's rejection handling code. 97%no7969491111.3-11.4
Upgrade Insecure Requests Declare that browsers should transparently upgrade HTTP resources on a website to HTTPS. 98%no17424310.110.3
URL API API to retrieve the various parts that make up a given URL from a given URL string. 98%no1226327.18
URL Scroll-To-Text Fragment URL fragment that defines a piece of text to be scrolled into view and highlighted. 90%no83no8116.116.1
URLSearchParams The URLSearchParams interface defines utility methods to work with the query string of a URL. 97%no1744 (29)4910.110.3
ECMAScript 5 Strict Mode Method of placing code in a "strict" operating context. 98%10124136 (5)5.0-5.1
CSS user-select: none Method of preventing text/element selection using CSS. 98%1079 (12)69 (2)54 (4)TP (3.1)3.2
User Timing API Method to help web developers measure the performance of their applications by giving them access to high precision timestamps. 98%101238251111.0-11.2
Variable fonts OpenType font settings that allows a single font file to behave like multiple fonts: it can contain all the allowed variations in width, weight, slant, optical size, or any other exposed axes of variation as defined by the font designer. Variations can be applied via the `font-variation-settings` property. 97%no17no67 (62)1513.0-13.1
SVG vector-effect: non-scaling-stroke The `non-scaling-stroke` value for the `vector-effect` SVG attribute/CSS property makes strokes appear as the same width regardless of any transformations applied. 98%no7915155.15.0-5.1
Vibration API Method to access the vibration mechanism of the hosting device. 80%no7916 (11)30nono
Video element Method of playing videos on webpages (without requiring a plug-in). Includes support for the following media properties: `currentSrc`, `currentTime`, `paused`, `playbackRate`, `buffered`, `duration`, `played`, `seekable`, `ended`, `autoplay`, `loop`, `controls`, `volume` & `muted` 98%91220 (3.5)443.2
Video Tracks Method of specifying and selecting between multiple video tracks. Useful for providing sign language tracks, burnt-in captions or subtitles, alternative camera angles, etc. 18%no12nono6.17.0-7.1
View Transitions API (single-document) Provides a mechanism for easily creating animated transitions between different DOM states, while also updating the DOM contents in a single step. This API is specific to single-document transitions, support for same-origin cross-document transitions is being planned. 71%no111no111TPno
Small, Large, and Dynamic viewport units Viewport units similar to `vw` and `vh` that are based on shown or hidden browser UI states to address shortcomings of the original units. Currently defined as the `sv*` units (`svb`, `svh`, `svi`, `svmax`, `svmin`, `svw`), `lv*` units (`lvb`, `lvh`, `lvi`, `lvmax`, `lvmin`, `lvw`), `dv*` units (`dvb`, `dvh`, `dvi`, `dvmax`, `dvmin`, `dvw`) and the logical `vi`/`vb` units. 93%no10810110815.415.4
Viewport units: vw, vh, vmin, vmax Length units representing a percentage of the current viewport dimensions: width (vw), height (vh), the smaller of the two (vmin), or the larger of the two (vmax). 98%916 (12)1926 (20)6.1 (6)8 (6.0-6.1)
WAI-ARIA Accessibility features Method of providing ways for people with disabilities to use dynamic web content and web applications. 98%8122443.2
Screen Wake Lock API API to prevent devices from dimming, locking or turning off the screen when the application needs to keep running. 89%no90no8516.416.4
WebAssembly WebAssembly or "wasm" is a new portable, size- and load-time-efficient format suitable for compilation to the web. 97%no1653571111.0-11.2
WebAssembly BigInt to i64 conversion in JS API An extension to the WebAssembly JS API for bidrectionally converting BigInts and 64-bit WebAssembly integer values 95%no85788514.114.5-14.8
WebAssembly Bulk Memory Operations An extension to WebAssembly adding bulk memory operations and conditional segment initialization 96%no7979751515.0-15.1
WebAssembly Multi-Value An extension to WebAssembly allowing instructions, blocks and functions to produce multiple result values 96%no85788513.113.2
WebAssembly Import/Export of Mutable Globals An extension to WebAssembly import and export of mutable global variables 96%no7961741212.0-12.1
WebAssembly Non-trapping float-to-int Conversion An extension to WebAssembly adding floating-point to integer conversion operators which saturate instead of trapping 96%no7964751515.0-15.1
WebAssembly Reference Types An extension to WebAssembly allowing opaque references as first-class types, and multiple tables 95%no9679961515.0-15.1
WebAssembly Sign Extension Operators An extension to WebAssembly adding sign-extension operator instructions 96%no79627414.114.5-14.8
WebAssembly SIMD An extension to WebAssembly adding 128-bit SIMD operations 92%no91899116.416.4
WebAssembly Threads and Atomics An extension to WebAssembly adding shared memory and atomic memory operations 96%no79797414.114.5-14.8
Wav audio format Waveform Audio File Format, aka WAV or WAVE, a typically uncompressed audio format. 98%no123.5843.2
wbr (word break opportunity) element Represents an extra place where a line of text may optionally be broken. 98%5.512243.25.0-5.1
Web Animations API Lets you create animations that are run in the browser, as well as inspect and manipulate animations created through declarative means like CSS. 97%no84 (79)81 (33)84 (36)15no
Web Bluetooth Allows web sites to communicate over GATT with nearby user-selected Bluetooth devices in a secure and privacy-preserving way. 76%nononononono
Web Serial API Allows communication with devices via a serial interface. 28%no89no89nono
Web Share API A way to allow websites to invoke the native sharing capabilities of the host platform 91%no95 (81)no891414.0-14.4
Web Authentication API The Web Authentication API is an extension of the Credential Management API that enables strong authentication with public key cryptography, enabling password-less authentication and / or secure second-factor authentication without SMS texts. 97%no18 (13)60671314.5-14.8 (13.3)
WebCodecs API API to provide more control over the encoding and decoding of audio, video, and images. 89%no94no9416.416.4
WebGL - 3D Canvas graphics Method of generating dynamic 3D graphics using JavaScript, accelerated through hardware 98%no79243388
WebGL 2.0 Next version of WebGL. Based on OpenGL ES 3.0. 96%no7951561515.0-15.1
WebGPU An API for complex rendering and compute, using hardware acceleration. Use cases include demanding 3D games and acceleration of scientific calculations. Meant to supersede WebGL. 69%no113nononono
WebHID API Enables raw access to HID (Human Interface Device) commands for all connected HIDs. Previously, an HID could only be accessed if the browser had implemented a custom API for the specific device. 28%no89no89nono
CSS -webkit-user-drag property The non-standard `-webkit-user-drag` CSS property can be used to either make an element draggable or explicitly non-draggable (like links and images). See the standardized draggable attribute/property for the recommended alternative method of accomplishing the same functionality. 33%no79no163.1no
WebM video format Multimedia format designed to provide a royalty-free, high-quality open video compression format for use with HTML5 video. WebM supports the video codec VP8 and VP9. 97%no79 (14)28 (4)25 (6)16.0 (12.1)17.4 (12.2-12.5)
Web NFC This API allows a website to communicate with NFC tags through a device's NFC reader. 42%nononononono
WebP image format Image format (based on the VP8 video format) that supports lossy and lossless compression, as well as animation and alpha transparency. WebP generally has better compression than JPEG, PNG and GIF and is designed to supersede them. AVIF and JPEG XL are designed to supersede WebP. 97%no186532 (9)16.0 (14)14.0-14.4
Web Sockets Bidirectional communication technology for web apps 98%101211 (4)16 (4)7 (5)6.0-6.1 (4.2-4.3)
WebTransport Protocol framework to send and receive data from servers using HTTP3. Similar to WebSockets but with support for multiple streams, unidirectional streams, out-of-order delivery, and reliable as well as unreliable transport. 77%no9811497nono
WebUSB Allows communication with devices via USB (Universal Serial Bus). 76%no79no61nono
WebVR API API for accessing virtual reality (VR) devices, including sensors and head-mounted displays. Replaced by the WebXR Device API. 5%nononononono
WebVTT - Web Video Text Tracks Format for marking up text captions for multimedia resources. 98%1012no1867.0-7.1
Web Workers Method of running scripts in the background, isolated from the web page 98%10123.5445.0-5.1
WebXR Device API API for accessing virtual reality (VR) and augmented reality (AR) devices, including sensors and head-mounted displays. 74%no79no79nono
CSS will-change property Method of optimizing animations by informing the browser which elements will change and what properties will change. 98%no7936369.19.3
WOFF - Web Open Font Format Compressed TrueType/OpenType font that contains information about the font's source. 98%9123.655.15.0-5.1
WOFF 2.0 - Web Open Font Format TrueType/OpenType font that provides better compression than WOFF 1.0. 98%no14393612 (10)10.0-10.2
CSS3 word-break Property to prevent or allow words to be broken over multiple lines between letters. 98%5.5121544 (4)9 (3.1)9.0-9.2 (3.2)
CSS3 Overflow-wrap Allows lines to be broken within words if an otherwise unbreakable string is too long to fit. Currently mostly supported using the `word-wrap` property. 98%5.518 (12)49 (3.5)23 (4)6.1 (3.1)7.0-7.1 (3.2)
Cross-document messaging Method of sending information from a page on one domain to a page on a different one (using postMessage) 98%8123443.2
X-Frame-Options HTTP header An HTTP header which indicates whether the browser should allow the webpage to be displayed in a frame within another webpage. Used as a defense against clickjacking attacks. 98%812 (79)18 (4)265.17.0-7.1
XMLHttpRequest advanced features Updated functionality to the original XHR specification including things like file uploads, transfer progress information and the ability to send FormData. Previously known as XMLHttpRequest Level 2, these features now appear simply in the XMLHttpRequest spec. 98%1079 (12)47 (3.5)50 (7)11.1 (5)11.0-11.2 (5.0-5.1)
XHTML served as application/xhtml+xml A strict form of HTML, and allows embedding of other XML languages 98%912243.13.2
XHTML+SMIL animation Method of using SMIL animation in web pages 0%6nonononono
DOM Parsing and Serialization Various DOM parsing and serializing functions, specifically `DOMParser`, `XMLSerializer`, `innerHTML`, `outerHTML` and `insertAdjacentHTML`. 98%10 (5.5)1212 (2)31 (4)7.1 (3.1)8 (3.2)
zstd (Zstandard) content-encoding Data compression method providing faster page loading while using less CPU power on the server. 47%no123no123nono

Data copyright caniuse.com