Method of displaying SVG images in HTML using .
29 26 5.1 11.6If a temporal or number
<input>hasmaxand/orminattributes, then:in-rangematches when the value is within the specified range and:out-of-rangematches when the value is outside the specified range. If there are no range constraints, then neither pseudo-class matches.
10 12 4 4 5 15The ::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/DDto clarify that numeric dates are to be entered in year-month-day order.
MSDN article.aspx)
9 12 2 4 3.1 9.5-9.6The ::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.
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.
6 12 2 4 3.2 10.0-10.1CSS pseudo-element that allows styling only the first "letter" of text within an element. Useful for implementing initial caps or drop caps styling.
5.5 12 3.5 4 3.2 10.0-10.1Method of displaying fonts downloaded from websites
9 12 22 12 4 15Advanced Audio Coding format, designed to be the successor format to MP3, with generally better sound quality.
3 8 9.5-9.6Like animated GIFs, but allowing 24-bit colors and alpha transparency
12AC-3 and EC-3 are multi-channel lossy audio codecs, commonly used in movies. AC-3 supports 5.1 channels. Its successor EC-3 (or E-AC-3) supports 15.1 channels and bit rates up to 6144kbit/s. They're standardised as A/52:2012.
http://atsc.org/standard/a522012-digital-audio-compression-ac-3-e-ac-3-standard-12172012/
Announcing Dolby Audio for high performance audio in Microsoft Edge
5.5 12 2 17 5.1 9The
autocompleteattribute forinputelements indicates to the browser whether a value should or should not be autofilled when appropriate.
10 12 3.6 8 5 15The boolean async attribute on script elements allows the external JavaScript file to run when it's available, without delaying page load first.
13 22 28 15an extraordinarily optimizable, low-level subset of JavaScript, indended to be a compile target from languages like C++.
10 12 6.1Method of specifying and selecting between multiple audio tracks. Useful for providing audio descriptions, director's commentary, additional languages, alternative takes, etc.
10 12 4 5 5 9.5-9.6Allows a form field to be immediately focused on page load.
22Defines events that provide information about the ambient light level, as measured by a device's light sensor.
10 4 9 6 15Allows a filter to be defined for what type of files a user may pick with from an
<input type="file">dialog
12 22 45 32Function shorthand using
=>syntax and lexicalthisbinding.
9 12 3.5 4 4 9.5-9.6Method of playing sound on webpages (without requiring a plug-in).
31 39 26Allows 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.
8 12 4 4 3.1 11Method of outputting data to the browser's console, intended for development purposes.
32 41 7.1 29Allows blending between arbitrary SVG and HTML elements
10 12 6 8 6 12.1Construct Blobs (binary large objects) either using the BlobBuilder API (deprecated) or the Blob constructor.
44More effective lossless compression algorithm than gzip and deflate.
38BroadcastChannel allows scripts from the same origin but other browsing contexts (windows, workers) to send each other messages.
10 12 2 4 3.1 10.6Utility functions for of encoding and decoding strings to and from base 64: window.atob() and window.btoa().
10 12 4 8 6 15Method of creating URL handles to the specified File or Blob object.
5.5 12 4 3.1 15CSS longhand properties to define x or y positions separately.
10 38 25Method to provide information about the battery status of the hosting device.
7 3.6 41 6 11.6Forces images to be scaled with an algorithm that preserves contrast and edges in the image, without smoothing colors or introduce blur. This is intended for images such as pixel art. Official values that accomplish this for the
image-renderingproperty arecrisp-edgesandpixelated.
10 12 4 14 5.1 15Mitigate cross-site scripting attacks by whitelisting allowed sources of script, style, and other resources.
46 33Allows elements to be animated along SVG paths or shapes
9 12 2 4 3.1 9Method of generating fast, dynamic graphics using JavaScript.
10 12 6 5.1Method of controlling when words at the end of lines should be hyphenated using the "hyphens" property.
9 12 2 4 4 9.5-9.6A CSS value that will apply the existing
colorvalue to other properties likebackground-color, etc.
36Method of specifying the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs.
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.
11 12 3.6 4 4 15This CSS property, when set to "none" allows elements to not receive hover/click events, instead the event will occur on anything behind it.
10 12 5 4 4 12Complex method of animating certain properties of an element
5.5 12 2 4 3.1 9Method of defining how a background image is attached to a scrollable element. Values include
scroll(default),fixedandlocal.
9This function filters a CSS input image with a set of filter functions (like blur, grayscale or hue)
8 12 2 4 3.1 9.5-9.6Method of specifying whether or not an element's borders and padding should be included in size units
3 4 3.1 15Use start/end properties that depend on LTR or RTL writing direction instead of left/right
10 12 2 4 3.1 11.1Method of flowing information in multiple columns
3.5 4 4 15Method of displaying part of an element, using a selected image as a mask
8 12 2 4 3.1 9The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single rule. In most cases the use of this shortcut is preferable and more convenient.
32 22 6.1 11Controls 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).
5.5 12 12 47 34CSS property to describe how the last line of a block or a line right before a forced line break when
text-alignisjustify.
33The @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.
5.5 12 4 4 15Non-standard method of scaling content.
https://msdn.microsoft.com/en-us/library/ms531189(v=vs.85).aspx.aspx)
MSDN Library.aspx)
Article explaining usage of zoom as the hack for fixing rendering bugs in IE6 and IE7.
9 12 13 25 7 10.5Allows 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.
5.5 12 22 13 4 12.1API to provide copy, cut and paste events as well as provide access to the OS clipboard.
8 12 2 4 3.1 9Method of controlling number values in generated content, using the
counter-resetandcounter-incrementproperties.
11 12 3.5 4 3.1 10.5Method of using images for borders
8 12 2 4 3.1 9Method 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 thecontentproperty.
33 20Method of defining and using new types of DOM elements in a document.
5.5 12 2 4 3.1 9Method of displaying an element as a block while flowing it with text.
21 6 15Method of letting the browser pick the most appropriate CSS background image from a given set, primarily for high PPI screens.
3Method 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.
17 5.1 15Image function to create a "crossfade" between images. This allows one image to transition (fade) into another based on a percentage value.
13 27 34 7 15:read-only and :read-write pseudo-classes to match elements which are considered user-alterable
10 12 41 4 5 10.6Method for having two-way communication between browsing contexts (using MessageChannel)
34 29 7 16Controls 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.
7 12 2 4 3.1 9Method of setting a minimum or maximum width or height to an element.
10 12 4 4 3.1 10.5Simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function.
27 37 9.1 24A shorthand property for resetting all CSS properties except for
directionandunicode-bidi.
37 7.1 24Allows geometric shapes to be set in CSS to define an area for text to flow around.
9.1A 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:reverton a<div>would result indisplay:block. This is in contrast to theinitialvalue, which is simply defined on a per-property basis, and fordisplaywould beinline.
4 4 15Method of displaying a reflection of an element
9 12 9 48 35If a font has multiple types of variations based on the width of characters, the
font-stretchproperty allows the appropriate one to be selected. The property in itself does not cause the browser to stretch to a font.
7 12 2 4 3.1 9Method of keeping an element in a fixed location regardless of scroll position
10 12 3.6 10 5.1 11.1Method of defining a repeating linear or radial color gradient as a CSS image.
2 4 3.1 11.6Support for
grab,grabbingvalues for the CSS3cursorproperty.
4 21 6.1 10.6Method of customizing the width of the tab character. Only effective using 'white-space: pre' or 'white-space: pre-wrap'.
11 12 21 11 6.1 15Method of generating cryptographically random values.
25 5 4 15Controls the application of anti-aliasing when fonts are rendered.
5.5 12 3 4 3.1 9Method of making any HTML element editable.
4 4 15Method of using HTML5 Canvas as a background image. Not currently part of any specification.
3 13 11.6Method 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 examplemailto:addresses can be opened by a webmail client.
5.5 12 3.5 4 3.1 10.5Allows lines to be broken within words if an otherwise unbreakable string is too long to fit. Currently mostly supported using the
word-wrapproperty.
10 12 3.6 8 5.1 11.5Method of easily manipulating classes on elements, using the DOMTokenList object.
9Method of applying filter effects (like blur, grayscale or hue) to content/elements below the target element.
5.5 12 2 4 3.1 10.0-10.1Properties to control the way elements are broken across (printed) pages.
4 4 4 12.1Method of allowing an element to be resized by the user, with options to limit to a given direction.
10 12 15 6.1Method of flowing content into multiple elements.
12 23 28 9 12.1The CSS.supports() static methods returns a Boolean value indicating if the browser supports a given CSS feature, or not.
7 12 2 4 3.1 9Basic 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)
10 12 36 9.1 23touch-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), pinch-zooming or double-tap-zooming.
http://www.w3.org/TR/pointerevents/#the-touch-action-css-property
WebKit bug 149854: Implement touch-action: manipulation; for iOS
8 12This property controls spacing between adjacent characters on the same line within the same inline formatting context using a set of character-class-based rules.
12 22 28 9 12.1CSS Feature Queries allow authors to condition rules based on whether particular property declarations are supported in CSS using the @supports at rule.
10 12 10 12 4 15Method of transforming an element in the third dimension using the
transformproperty. Includes support for theperspectiveproperty to set the perspective in z-space and thebackface-visibilityproperty to toggle display of the reverse side of a 3D-transformed element.
30 35 7.1 22Allows blending between CSS background images, gradients, and colors.
9 12 4 19 6 15Method of allowing calculated values for length units, i.e.
width: calc(100% - 3em)
9 12 6 9 5.1 11A DOM event interface that can carry custom application-defined data.
12 2 4 3.1 15The
appearanceproperty defines how elements (particularly form controls) appear by default. By setting the value tononethe default appearance can be entirely redefined using other CSS properties.
6 12 7 4 3.1 9Append ellipsis when text overflows its containing element
10 12A standard way to override the size of viewport in web page using the
@viewportrule, standardizing and replacing Apple's own popular<meta>viewport implementation.
46 33DPR, 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.
26CSS 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.
9 12 2 4 3.1 9.5-9.6Method of describing colors using Hue, Saturation and Lightness (hsl()) rather than just RGB, as well as allowing alpha-transparency with rgba() and hsla().
10 12 4 16 4 15Method of applying advanced typographic and language-specific font features to supported OpenType fonts.
41 35 22This 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.
10 12 39 9CSS technique that allows customizable scrolling experiences like pagination of carousels by setting defined snap points.
10 12 2 4 3.1 15Method of preventing text/element selection using CSS.
MSDN Documentation.aspx)
8 12 3.5 4 4 12Method of performing XMLHttpRequests across domains
4 3.1 15Method of declaring the outline (stroke) width and color for text.
5.5 12 15 4 3.1 15Property to prevent or allow words to be broken over multiple lines between letters.
9 12 3.5 4 3.1 10.5Method of displaying an inner or outer shadow effect to elements
3.5 24 7 15Method of defining the visible region of an element using SVG or a shape definition.
7 12 3.5 4 3.2 9.5-9.6Advanced 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)
31 36 23Mitigate cross-site scripting attacks by whitelisting allowed sources of script, style, and other resources. CSP 2 adds hash-source, nonce-source, and five new directives
29 20 11Form field allowing the user to select a color.
10 12 3.6 4 4 11.1Method of defining a linear or radial color gradient as a CSS image.
8 12 3 4 4 9.5-9.6Method of sending information from a page on one domain to a page on a different one (using postMessage)
11 12 2 4 3.1 10.0-10.1Declares a constant with block level scope
10 12Exclusions defines how inline content flows around elements. It extends the content wrapping ability of floats to any block-level element.
31 49 9.1Permits the declaration and usage of cascading variables in stylesheets.
9 12 3.6 4 3.1 10.5Method of using multiple images as a background
10 12 3.5 4 3.1 9.5-9.6Method of applying one or more shadow or blur effects to text
13 3.6 18 6 15Method of applying filter effects (like blur, grayscale, brightness, contrast and hue) to elements, previously only possible by using SVG.
13 27 41 9.1 28A CSS value that's the same as "inherit" if a property is inherited or "initial" if a property is not inherited.
34Controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values for certain types of OpenType fonts.
9 12 3.5 4 3.1 9.5-9.6Method of applying styles based on media information. Includes things like page and device dimensions
5.5 12 41 8 5.1 15Property to define whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.
9 12 3.6 4 3.1 10.0-10.1New properties to affect background images, including background-clip, background-origin and background-size
36 36 9.1 24Method of optimizing animations by informing the browser which elements will change and what properties will change.
12 2 4 3.1 11.6Support for
zoom-in,zoom-outvalues for the CSS3cursorproperty.
10 12Method of using a grid concept to lay out content, providing a mechanism for authors to divide available space for lay out into columns and rows using a set of predictable sizing behaviors
5.5 12 2 4 3.1 9CSS3 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.
9 12 2 4 3.1 10.5Method of making the border corners round. Covers support for the shorthand
border-radiusas well as the long-hand properties (e.g.border-top-left-radius)
9 12 3.5 4 3.1 10.5Method of transforming an element including rotating, scaling, etc. Includes support for
transformas well astransform-originproperties.
12 19 4 3.2 15A CSS value that will apply a property's initial value as defined in the CSS specification that defines the property
36 31 7.1 10.6Method 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.
8 12 2 4 3.1 9Method of displaying elements as tables, rows, and cells. Includes support for all
display: table-*properties as well asdisplay: inline-table
13 20 30 6.1 17Method of defining the effect resulting from overlaying two layers on a Canvas element.
2This function renders a live image generated from an arbitrary HTML element
5.5 12 2 4 3.1 9Method of setting the transparency level of an element
32 6.1Keeps 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.
11 12 6 7 15API for detecting orientation and motion events from the device running the browser.
8 12 2 4 3.1 9Method of embedding images and other files in webpages as a string of text, generally using base64 encoding.
9 12 4 4 5.1 11Convenience property for accessing the
<head>element
37 24Method of easily creating custom dialog boxes to display to the user with modal or non-modal options. Also includes a
::backdroppseudo-element for behind the element.
9 12 2 4 3.1 9A contiguous range of content in a Document, DocumentFragment or Attr
13 20 14 15When used on an anchor, this attribute signifies that the browser should download the resource the anchor points to rather than navigate to it.
10 12 4 20 9Method of setting a list of options for a user to select in a text field, while leaving the ability to enter a custom value.
5.5 12 2 4 3.1 10.0-10.1Various DOM parsing and serializing functions, specifically
DOMParser,XMLSerializer,innerHTML,outerHTMLandadjacentHTML.
6 12 4 20 6 10.0-10.1Allows disabling all of the form control descendants of a fieldset via a
disabledattribute on the fieldset element itself.
9 12 2 4 3.1 9JavaScript event that fires when the DOM is loaded, but before all page assets are loaded (CSS, images, etc.).
5.5 12 3.5 8 5 15The boolean defer attribute on script elements allows the external JavaScript file to run when the DOM is loaded, without delaying page load first.
12 6 15The
element generates a simple no-JavaScript widget to show/hide element contents, optionally by clicking on its childelement.
5.5 12 2 4 3.1 9Method of applying and accessing custom data to elements.
5.5 12 9 4 6 10.0-10.1Allows running commands to manipulate the contents of an editable region in a document switched to designMode
12 20 9Form field widget to easily allow users to enter a date, time or both, generally by using a calendar/time input widget.
5.5 12 3.5 4 3.1 12Method of easily dragging and dropping elements on a page, requiring minimal JavaScript.
12 16 19 9 15Extensions to the
Numberbuilt-in object in ES6, including constant propertiesEPSILON,MIN_SAFE_INTEGER, andMAX_SAFE_INTEGER, and methodsisFinite,isInteger,isSafeInteger, andisNaN.
35 41 9 28DOM 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.
10 12Yields control flow without the minimum delays enforced by setTimeout
9 12 2 4 3.1 9The modern standard API for adding DOM event handlers. Introduced in the DOM Level 2 Events spec. Also implies support for the capture phase of DOM event dispatch.
6Type 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
10 12 4 5 5 9.5-9.6Text input fields intended for email addresses, telephone numbers or URLs. Particularly useful in combination with form validation
10 12 4 13 5 11.6Method of placing code in a "strict" operating context.
6 12 8 4 4 10.0-10.1Inserts a string of HTML into a specified position in the DOM relative to the given element.
5.5 12 3 4 4 10.0-10.1Method to get the size and position of an element's bounding box, relative to the viewport.
9 12 2 4 3.2 9.5-9.6Method to programmatically trigger a DOM event.
9 12 2 4 3.1 9Full support for the ECMAScript 5 specification. Features include
Function.prototype.bind, Array methods likeindexOf,forEach,map&filter, Object methods likedefineProperty,create&keys, thetrimmethod on Strings and many more.
9 12 44 4 3.1 15This @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 (
) 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.
Popular lossless audio compression format
10 12 3.6 6 5.1 11.1Method of manipulating file objects in web applications client-side, as well as programmatically selecting them and accessing their data.
11 12 10 15 5.1 12.1API for allowing content (like a video or canvas element) to take up the entire screen.
8 15Method of reading and writing files to a sandboxed file system.
10 12 2 4 3.1 12.1Method of positioning elements in horizontal or vertical stacks. Support includes the support for the all properties prefixed with
flexas well asdisplay: flex,display: inline-flex,align-content,align-items,align-self,justify-contentandorder.
4 10 5.1 9.5-9.6Attribute for associating input and submit buttons with a form.
39 40 27A modern replacement for XMLHttpRequest.
10 12 4 10 5 10.0-10.1Method 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:requiredCSS pseudo-classes.
41Javascript 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.
10 12 3.6 6 6 11.1Method of reading the contents of a File or Blob object into memory
12 29 21 24API to support input from USB gamepad controllers through JavaScript.
9 12 3.5 4 5 10.6Method of informing a website of the user's geographical location
9 12 3 4 3.1 9API 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.
9 12 3 4 3.1 9.5-9.6Method of accessing DOM elements by class name
12 17 21 12Method of accessing external device data (such as a webcam video stream). Formerly this was envisioned as the
element.
13 22 26 7.1 15Method of declaring a portion of reusable markup that is parsed but not rendered until cloned.
11 12 4 6 5.1 11.1The
hiddenattribute may be applied to any element, and effectively hides elements similar todisplay: nonein CSS.
10 12 4 4 4 9Expanded form options, including things like date pickers, sliders, validation, placeholders and multiple file uploads. Previously known as "Web forms 2.0".
36 23Method of including and reusing HTML documents in other HTML documents.
10 12 15 20 8 15Method 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()
11 12 36 41 9 28Networking protocol for low-latency transport of content over the web. Originally started out from the SPDY protocol, now standardized as HTTP version 2.
8 12 3.6 5 5 10.6Event triggered in JavaScript when the URL's hash has changed (for example: page.html#foo to page.html#bar)
https://html.spec.whatwg.org/multipage/browsers.html#the-hashchangeevent-interface
MSDN article.aspx)
9 12 4 7 5.1 11.6Method of using SVG tags directly in HTML documents. Requires HTML5 parser.
10 12 4 11 7.1 15Method of storing data client-side, allows indexed database queries.
3 22 6.1 15Allows for the heights and widths to be specified in intrinsic values using the
fill,max-content,min-content, andfit-contentproperties.
10 12 4 4 3.1 11Method of setting placeholder text for text-like input fields, to suggest the expected inserted information.
9 12 3 26 5.1 11.6The
inputevent 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.
11 12 29 24 15Locale-sensitive collation (string comparison), number formatting, and date and time formatting.
11 12Provides 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.
3 4 5 15Currently non-standard method of improving kerning pairs & ligatures using
text-rendering: optimizeLegibility.
9 12The latest JPEG image format of Joint Photographic Experts Group which boasts better compression and supports lossless compression, alpha channel, and 48-bit deep color over normal jpg format.
8 12 3.5 4 4 10.5Method of converting JavaScript objects to JSON strings and JSON back to objects using JSON.stringify() and JSON.parse()
5JPEG 2000 (JP2) was created by the Joint Photographic Experts Group committee in 2000 with the intention of superseding their original discrete cosine transform-based JPEG standard (created in 1992) with a newly designed, wavelet-based method. It offers some advantages in image fidelity over standard JPEG.
9 12 3 4 5.1 12.1A legacy
KeyboardEventproperty that gives the Unicode codepoint number of a character key pressed during akeypressevent.
38 48 35A
KeyboardEventproperty representing the physical key that was pressed, ignoring the keyboard layout and ignoring whether any modifier keys were active.
9 12 15 4 5.1 12.1A
KeyboardEventproperty 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).
9 12 23 12.1A
KeyboardEventproperty whose value is a string identifying the key that was pressed. Covers character keys, non-character keys (e.g. arrow keys), and dead keys.
9 12 15 30 12.1
KeyboardEventmethod that returns the state (whether the key is pressed/locked or not) of the given modifier key.
9 12 2 4 5.1 10.0-10.1A legacy
KeyboardEventproperty that is equivalent to eitherKeyboardEvent.keyCodeorKeyboardEvent.charCodedepending on whether the key is alphanumeric.
11 12 44 41 28Declares a variable with block level scope
6 12 2 4 3.2 10.0-10.1Controls spacing between characters of text (i.e. "tracking" in typographical terms). Not to be confused with kerning.
40 27Declares a lower bound on the number of characters a user can input.
12 41 9 28Allows 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, andany-hovermedia features.
Potential use cases for script, hover and pointer CSS Level 4 Media Features
Interaction Media Features and their potential (for incorrect assumptions)
6 12 2 4 3.2 9.5-9.6Declares 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.
9 12 3.5 4 4 9.5-9.6Allows a media query to be set based on the device pixels used per CSS unit. While the standard uses
min/max-resolutionfor this, some browsers support the older non-standarddevice-pixel-ratiomedia query.
Allows a media query to be set based on whether the current document supports scripting languages (such as JavaScript). This is the
scriptingmedia feature.
9 12 21 4 3.2 25Commonly used video compression format.
10 12 3.6 5 4 10.6Allows users to select multiple files in the file picker.
11 12 14 18 6 15Method for observing and reacting to changes to the DOM. Replaces MutationEvents, which is deprecated.
11 12 42 23 8 15API allowing media data to be accessed from HTML
videoandaudioelements.
9 12 15 4 5.1 10.0-10.1Allows audio and video sources to be assigned to media queries
https://html.spec.whatwg.org/multipage/obsolete.html#attr-source-media
W3C mailing list thread - Do not remove the media attribute from the source element
13 16 8 6 11Method of indicating the current level of a gauge.
9 12 3.6 4 5 11.5Method of testing whether or not a DOM element matches a given selector. Formerly known (and largely supported with prefix) as matchesSelector.
10 12 6 9 5.1 12.1API for finding out whether or not a media query applies to the document.
9 12 3.5 4 4 15Popular lossy audio compression format
2 24 5.1 9.5-9.6Special tags that allow mathematical formulas and notations to be written on web pages.
10 12 29 6 5 9Form field type for numbers.
The Network Information API enables web applications to access information about the network connection in use by the device.
6 12 45 4 3.2 9.5-9.6A currently-nonstandard 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.
Rangy, a JS range and selection library which contains an innerText implementation
Standardizing innerText – Web Incubator Community Group (WICG) discussion
MSDN documentation.aspx)
9 12 3 4 3.1 9HTML5 offers some new elements, primarily for semantic purposes. The elements include: section, article, aside, header, footer, nav, figure, figcaption, time, mark, main.
9 12 7 6 8 15API for accessing timing information related to navigation and elements.
9 12 2 4 3.2 9.5-9.6DOM Node property representing the text content of a node and its descendants
10 12 3 4 4 10.6Now 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.
3.5 4 10.5Vorbis is a free and open source audio format, most commonly used with the Ogg container.
8 12 3.5 14 5 12.1Events to indicate when the user's connected (
onlineandofflineevents) and thenavigator.onLineproperty to see current status.
36 23Method for data binding, a now-withdrawn ECMAScript 7 proposal
15 33 20Royalty-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.
13Enables mobile endpoints to talk to servers and web browsers with Real-Time Communications (RTC) capabilities via native and simple JavaScript APIs
3.5 4 10.5Free lossy video compression format.
43 30High-level JavaScript API for checking and requesting permissions
15Defines events that provide information about the distance between a device and an object, as measured by a proximity sensor.
7 12 2 4 3.1 9Semi-transparent areas in PNG files
11 12 2 4 5 15Fired at the Window when the page's entry in the session history stops being the current entry. Includes the
pageshowandpagehideevents.
10 12 4 10 5.1 9.5-9.6Allows validation of an input field based on a given regular expression pattern.
13 14 22 15API 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.
10 12 10 14 6.1 12.1JavaScript API for determining whether a document is visible on the display
12 18The Proxy object allows custom behaviour to be defined for fundamental operations. Useful for logging, profiling, object virtualisation, etc.
http://www.ecma-international.org/ecma-262/6.0/#sec-proxy-object-internal-methods-and-internal-slots
35 38 23Declare that a website's HTTPS certificate should only be treated as valid if the public key is contained in a specified list to prevent MITM attacks that use valid CA-issued certificates.
10 12 6 8 6 11Method of indicating a progress state.
12 27 32 7.1 19A promise represents the eventual result of an asynchronous operation.
10 12 44This 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.
44 44API 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.
11 12 2 4 3.1 9Icon used by browsers to identify a webpage or site. While all browsers support the
.icoformat, the PNG format can be preferable.
13 38 38 9.1 25A 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
8 12 3.5 4 3.1 10.0-10.1Method of accessing DOM elements using CSS selectors
10 12 35 25 15Method to help web developers to collect complete timing information related to resources on a document.
9 12 3.6 4 5 11.6Type of unit similar to
em, but relative only to the root element, not any parent element. Thus compounding does not occur as it does withemunits.
11 12Gives a hint to the browser to lower the loading priority of a resource.
30 9Method of easily manipulating rel attribute values on elements, using the DOMTokenList object (similar to classList).
12 36 21 7.1 15Allow control of HTTP referrers via the referrer meta tag.
10 12 4 10 6 15API allowing a more efficient way of running script-based animation, compared to traditional methods using timeouts. Also covers support for
cancelAnimationFrame
9 12 3.5 4 5 15Gives 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="http://example-domain.com/">
18 20 6.1 12.1This 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.
https://html.spec.whatwg.org/multipage/semantics.html#attr-ol-reversed
HTML5 Doctor article on element attributes (including reversed)
39 46 33Gives 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/">
12 15 47 34Allows representation of an indefinite number of arguments as an array.
5.5 12 38 5 5 15Method of adding pronunciation or other annotations using ruby elements (primarily used in East Asian typography).
11 12 2 8 15Informs 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)">
10 12 23 4 3.1 9Form field type that allows the user to select a value using a slider widget.
11 12 13 15Gives 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)">
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 the current specification.
6 6 5 9Method of continuously sending data from a server to the browser, rather than repeatedly requesting it (EventSource interface, used to fall under HTML5)
21Allows CSS rules to be scoped to part of the document, based on the position of the style element.
12 38 34 7.1 21Allows 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).
https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-srcset
Improved support for high-resolution displays with the srcset image attribute
9 12 15 36 7.1 10.0-10.1Method of displaying only a part of an SVG image by defining a view ID or view box dimensions as the file's fragment identifier.
25 15Method 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.
9 12 2 4 3.1 9Method of displaying basic Vector Graphics features using the embed or object elements. Refers to the SVG 1.1 spec.
10 12 2 9 5.1 10.5Attribute for
input/textareafields to enable/disable the browser's spellchecker.
10 12 3 5 6 9Method of using photoshop-like effects on SVG objects including blurring and color manipulation.
43 45 32Subresource Integrity enables browsers to verify that file is delivered without unexpected manipulation.
4 9Icon used by browsers to identify a webpage or site. While all browsers support the
.icoformat, the SVG format can be preferable to more easily support higher resolutions or larger icons.
29 4 5 10.6Method of allowing multiple scripts to communicate with a single web worker.
4 3.2 9Method of using fonts defined as SVG shapes. Removed from SVG 2.0 and considered as a deprecated feature with support being removed from browsers.
25 27Method to provide speech input in a web browser.
9 12 3 4 4 9Method of using SVG transforms, filters, etc on HTML elements using either CSS or the foreignObject element
10 12 17 4 5 15Method of running external site pages with reduced privileges (e.g. no JavaScript) in iframes.
4 4 4 9Method of using animation elements to animate SVG images
9 12 4 4 3.2 9.5-9.6Method of using SVG images as CSS backgrounds
11 12 4 4 7 12Declare that a website is only accessible over a secure connection (HTTPS).
10 12 4 26 5.1 11.6Search 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">.
https://html.spec.whatwg.org/multipage/forms.html#text-(type=text)-state-and-search-state-(type=search)-state-and-search-state-(type=search))
33 7 27A web API for controlling a text-to-speech output.
25 20 6 15Override the content specified in the
srcattribute (if present) with HTML content within the attribute.
11 13 4 8 12.1Networking protocol for low-latency transport of content over the web. Superseded by HTTP version 2.
9 12 4 4 3.2 9Method of displaying SVG images in HTML using
.
7 12 2 6 3.1 9An 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.
44 40 24Method that enables applications to take advantage of persistent background processing, including hooks to enable bootstrapping of web applications while offline.
11 12 18 38 25Provides 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.
10 12 4 5 5 11.5Method of manipulating the user's browser's session history in JavaScript using
history.pushState,history.replaceStateand thepopstateevent.
10 12 4 7 5.1 11.6JavaScript typed arrays provide a mechanism for accessing raw binary data much more efficiently.
6 7.1Method 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)
12 4 22 15Method 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.
8Method of defining a toolbar menu, a context menu or a list of (interactive) options using the
25 6.1 15Method of using small symbols next to each glyph to emphasize a run of text, commonly used in East Asian languages. The
text-emphasisshorthand, and itstext-emphasis-styleandtext-emphasis-colorlonghands, can be used to apply marks to the text. Thetext-emphasis-positionproperty, which inherits separately, allows setting the emphasis marks' position with respect to the text.
>
9 12 3.5 4 4 10.5Method of displaying text on Canvas elements
9 12 3.5 4 3.1 10.0-10.1Support for the TrueType (.ttf) and OpenType (.otf) outline font formats in @font-face.
42 43 30Declare that browsers should transparently upgrade HTTP resources on a website to HTTPS.
10 12 38 25 15Method to help web developers measure the performance of their applications by giving them access to high precision timestamps.
11 30 17Method to access the vibration mechanism of the hosting device.
9 12 19 20 6 15Length units representing 1% of the viewport size for viewport width (vw), height (vh), the smaller of the two (vmin), or the larger of the two (vmax).
9 12 3.5 4 4 10.5Method of playing videos on webpages (without requiring a plug-in).
12 6.1Method of specifying and selecting between multiple video tracks. Useful for providing sign language tracks, burnt-in captions or subtitles, alternative camera angles, etc.
39 36 23TrueType/OpenType font that provides better compression than WOFF 1.0.
12 3.5 8 4 10.5Waveform Audio File Format, aka WAV or WAVE, a typically uncompressed audio format.
10 12 31 18 6 15Format for marking up text captions for multimedia resources.
33 36 23Lets you create animations that are run in the browser and as well as inspect and manipulate animations created through declarative means like CSS.
8 12 2 4 4 9.5-9.6Method of providing ways for people with disabilities to use dynamic web content and web applications.
11 12 4 8 5.1 12Method of generating dynamic 3D graphics using JavaScript, accelerated through hardware
4 3.1 10.5Method of storing data client-side, allows Sqlite database queries for access and manipulation
9 11.1Image format that supports lossy and lossless compression, as well as animation and alpha transparency.
11 12 34 37 7.1 24JavaScript API for performing basic cryptographic operations in web applications
9 12 3.6 5 5.1 11.1Compressed TrueType/OpenType font that contains information about the font's source.
10 12 4 4 5 11Bidirectional communication technology for web apps
12 25 10 6 15High-level JavaScript API for processing and synthesizing audio
Additional browser compatibility tests for specific features
Polyfill to enable Web Audio API through Firefox Audio Data api or flash
5.5 12 2 4 3.2 9.5-9.6Represents an extra place where a line of text may optionally be broken.
10 12 3.5 4 4 10.6Method of running scripts in the background, isolated from the web page
4 6 10.6Multimedia 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.
22 23 18Method of allowing two users to communicate directly, browser to browser using the RTCPeerConnection API.
43 30The Web MIDI API specification defines a means for web developers to enumerate, manipulate and access MIDI devices
8 12 2 4 4 10.5Method of storing data locally like cookies, but for larger amounts of data (sessionStorage and localStorage, used to fall under HTML5).
11 12 18 4 3.1 11.6Read-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.
22 5 6 25Method of alerting the user outside of a web page by displaying notifications (that do not require interaction by the user).
9 12 2 4 3.1 9A strict form of HTML, and allows embedding of other XML languages
6Method of using SMIL animation in web pages
10 12 3.5 7 5 12Adds more functionality to XHR (aka AJAX) requests like file uploads, transfer progress information and the ability to send form data. Previously known as XMLHttpRequest Level 2, these features now appear simply in the XMLHttpRequest spec.