Web features explorer - January 2018 web platform update

<a>: The <a> element creates a hyperlink to any resource that's accessible via a URL, such as web pages, files, email addresses, or locations within the same page. Learn more.

<abbr>: The <abbr> HTML element represents an abbreviation or acronym. Learn more.

<address>: The <address> element represents contact information for a person or people, or for an organization. Learn more.

Array (initial support): Arrays are ordered lists of JavaScript values. Learn more.

Array.isArray(): The Array.isArray() static method checks whether a value is an array. Learn more.

Array iteration methods: Array iteration methods Learn more.

Array splice(): The array splice() method changes an array in-place. You can use it to delete items, overwrite items, or insert items, starting from an index. Learn more.

<article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article. Learn more.

<aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content. Learn more.

<audio>: The <audio> element plays sound such as audio effects or music, optionally with controls provided by the browser. Learn more.

Autofocus: The autofocus HTML attribute gives focus to an element on page load. Learn more.

<b>: The <b> HTML element draws reader's attention to text, styling text as bold by default. Learn more.

background-clip: The background-clip CSS property sets the extent of the background: the padding box, the content box, or the default border box. Learn more.

<base>: The <base> element sets the base URL (the URL that relative URLs are relative to) for all relative URLs in the document. Learn more.

<bdo>: The <bdo> element overrides the directionality of text, so that the text within is rendered in a different direction than the surrounding text. Learn more.

<blockquote>: The <blockquote> element represents an extended quotation, styling contents as an indented block by default. Learn more.

<body>: The <body> element represents the content of an HTML document. Learn more.

<br>: The <br> element produces line breaks in text. Learn more.

<button>: The <button> element is an interactive element activated by a user gesture that performs an action such as submitting a form, or opening a dialog. Learn more.

calc(): The calc() CSS function computes mathematical expressions such a calc(100%/3 - 1em). Learn more.

<canvas>: The <canvas> HTML element is a space to draw graphics in, using the 2D canvas API, WebGL, or WebGPU. Learn more.

2D canvas: The CanvasRenderingContext2D API is the "2d" rendering context for the <canvas> element. It represents a flat, two-dimensional space for drawing graphics and animations. Learn more.

<cite>: The <cite> element represents the title of a quoted, referenced, or mentioned creative work, such as a film or book. Learn more.

<code>: The <code> element displays its contents as a fragment of computer code. Learn more.

currentColor: The currentColor CSS value allows you to reuse an element's computed text color for other properties. Learn more.

Date: The Date object represents a single moment in time. Learn more.

<del>: The <del> element element represents a range of text that has been deleted from a document, styling text as strikethrough by default. Learn more.

<dfn>: The <dfn> element marks a term to be defined, styling text as italic by default. Learn more.

<div>: The <div> HTML element is the generic container for content. Learn more.

<em>: The <em> HTML element emphasizes or stresses the content, styling text as italic by default. Learn more.

<fieldset> and <legend>: The <fieldset> and <legend> elements group several form control elements within a web form. Learn more.

<figure> and <figcaption>: The <figure> and <figcaption> HTML elements represent an illustration, diagram, text, or other self-contained reference content, with an optional caption. Learn more.

font-variant: The font-variant CSS property is a shorthand for font-variant-alternates, font-variant-caps, font-variant-east-asian, font-variant-emoji, font-variant-ligatures, font-variant-numeric, and font-variant-position. Learn more.

<form>: The <form> element contains interactive controls for submitting information. Learn more.

Functions: Functions are series of statements that can be called and return a value. The function keyword (as in function () { }) and arrow (=>) expression create functions. The JavaScript functions protocol includes default and rest parameters and binding to this. Learn more.

Geolocation: The navigator.gelocation API requests the user's latitude, longitude, heading, and speed. Learn more.

<head>: The <head> element contains machine-readable information (metadata) about the document, such as the title, <script> and <style> elements, and <meta> elements. Learn more.

<header> and <footer>: The <header> and <footer> HTML elements represent content that precedes and follows the main page content, respectively. Learn more.

<h1> through <h6>: The <h1> through <h6> HTML elements represent six levels of section headings, in order of decreasing importance. Learn more.

<hgroup>: The <hgroup> element represents a heading and related content. Learn more.

<hr>: The <hr> element represents a thematic break between paragraphs, often shown as a horizontal rule. Learn more.

<html>: The <html> element represents the top-level of an HTML document and is referred to as the root element. Learn more.

HTTP/1.1: HTTP/1.1 is a network protocol used by browsers and servers. It has been superseded by HTTP/2 and HTTP/3. Learn more.

<i>: The <i> HTML element identifies idiomatic content, styling text as italic by default. Learn more.

<iframe>: The <iframe> element embeds another HTML page into the current page. Learn more.

Image maps: The <area> and <map> elements define a clickable area on an image. Learn more.

<img>: The <img> element adds an image into the document. Learn more.

@import: The @import CSS at-rule loads styles from another stylesheet. Learn more.

<ins>: The <ins> element element represents a range of text that has been inserted into a document, styling text as underlined by default. Learn more.

JSON: The JSON API provides static methods for parsing values from and converting values to JavaScript Object Notation (JSON), a serialization format for objects, arrays, numbers, strings, Boolean values, and null. Learn more.

<kbd>: The <kbd> element represents textual user input, such as keyboard or voice input, styling text in monospaced type by default. Learn more.

<label>: The <label> HTML element represents a caption for a form field. Learn more.

<link>: The <link> element creates a relationship between the current document and an external resource, such as a stylesheet or favicon. Learn more.

<ol>, <ul>, and <li>: The <ol>, <ul>, and <li> HTML elements represent ordered and unordered lists. Learn more.

<main>: The <main> element represents the dominant content of a document. It is commonly used together with <header> and <footer>. Learn more.

Map (initial support): Map objects hold key-value pairs and remember the original insertion order of the keys. Learn more.

<mark>: The <mark> element represents text which is marked or highlighted for reference or notation purposes. Learn more.

Media queries: The @media CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as screen or print, and one or more mandatory media features, such as prefers-reduced-animations. Learn more.

<menu>: The <menu> element represents an unordered list of action items (<li>), such as a toolbar. It is a semantic alternative to the <ul> element. Learn more.

<meta>: The <meta> element represents metadata about the page used by the browser or search engines, including description, keywords, and character sets. Learn more.

Mouse events: Mouse events, such as click, mousedown, or mousemove, fire when users interact with an input or pointing device such as a mouse, trackpad, or touchscreen. Learn more.

Named colors: Some CSS color values can be referenced by name, such as red or limegreen. They stand in for specific RGB color values. Learn more.

<nav>: The <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Learn more.

:nth-child() (initial support): The :nth-child() and :nth-last-child() CSS functional pseudo-classes match elements by the relative position of elements (first, second, third, fourth, and so on), counted from the first or last sibling. Learn more.

Math and numbers: The number type (and Number object) represents floating-point numbers, such as 42 or -4.201, while the Math API contains mathematical functions and constants. JavaScript can also represent boundless negative and positive values as Infinity or not-a-number as NaN (as in 0 * Infinity). Learn more.

<object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash. Learn more.

opacity: The opacity CSS property sets the transparency of an element. Learn more.

<p>: The <p> element represents a paragraph of text. Learn more.

<pre>: The <pre> element represents a block element of preformatted text that is presented exactly as written, including all white space. Learn more.

<progress>: The <progress> element displays an indicator showing the completion progress of a task, typically displayed as a progress bar. Learn more.

Promise (initial support): A promise represents an asynchronous operation which eventually succeeds or fails. Learn more.

<q>: The <q> element represents a short inline quotation. Learn more.

Regular expressions: The RegExp object represents a regular expression, a notation for matching text patterns. Learn more.

requestAnimationFrame(): The requestAnimationFrame() method schedules a function that runs before the next repaint. You can use it to animate content with JavaScript. Learn more.

<ruby>: The <ruby> element produces small annotations that are rendered with its base text. Learn more.

<s>: The <s> HTML element indicates text that is no longer relevant or accurate, styling text as strikethrough by default. Learn more.

<samp>: The <small> element represents side-comments and small print, like copyright and legal text, styling text in a reduced font size by default. Learn more.

<script> and <noscript>: The <script> element contains or loads data or executable code. This is typically used to load JavaScript code. The <noscript> element represents alternative content to show when scripting is not allowed. Learn more.

<input type="search">: The <input> HTML element with the type="search" attribute represents a text field for search queries, which might be styled differently by the browser. Learn more.

<section>: The <section> element is a generic standalone section of a document, which doesn't have a more specific semantic element to represent it. Learn more.

<select>: The <select> element provides a menu of options for a user to pick from, typically rendered as a dropdown list. Learn more.

Set (initial support): Set objects store unique values of any type. Learn more.

<small>: The <small> element represents side-comments and small print, like copyright and legal text, independent of its styled presentation. Styled in a reduced font size by default. Learn more.

<source>: The <source> element sets a media resource for the <picture>, <video>, and <audio> elements. Learn more.

<span>: The <span> HTML element is the generic inline container for content. Learn more.

String (initial support): The string type (and String object) represents a sequence of characters. Learn more.

<strong>: The <strong> HTML element brings attention to the content, styling text as bold by default. Learn more.

<style>: The <style> element embeds an inline CSS stylesheet in a document. Learn more.

<sub> and <sup>: The <sub> and <sup> elements sets inline text to be displayed as subscript or superscript for solely typographical reasons. Learn more.

System colors: The system color CSS keywords, such as ButtonBorder or LinkText, allow you to match default colors from the user agent. Learn more.

Tables: The <table> HTML element, with several related elements, represents tabular data in rows and columns of cells. Learn more.

text-indent: The text-indent CSS property sets the size of the empty space (indentation) at the beginning of lines in a text. Learn more.

Text tracks: The <track> element is used as a child of the media elements that lets you specify a timed text track to be displayed in parallel with the media element. Learn more.

<textarea>: The <textarea> element represents an editing control that allows users to enter multi-line, free-form, plain text. Learn more.

<title>: The <title> element sets the title of the document and exposes it to users via the UI of the browser or app they're using and through assistive technology. Learn more.

Typed arrays (initial support): Typed arrays are ordered lists of JavaScript values, where all values are of the same numerical type, such as 8-bit integers or 32-bit floating point numbers. Learn more.

<u>: The <u> HTML element makes non-textual annotations, styling text as underlined by default. Learn more.

<var>: The <var> element represents the name of a variable in a mathematical expression or a programming context. Learn more.

<video>: The <video> element plays videos or movies, optionally with controls provided by the browser. Learn more.

<wbr>: The <wbr> HTML element represents a word break opportunity, to explicitly mark a place within a word where a line might be broken. Learn more.

WeakMap: A WeakMap object holds key-value pairs that do not create strong references to its keys, such that value data can be associated with a key without preventing garbage collection of the key. Learn more.

Web Cryptography: The Web Cryptography API performs low-level cryptographic operations, such as encryption, decryption, and signature verification. Also known as the Web Crypto API. Learn more.

WebGL: The WebGLRenderingContext API is the "webgl" rendering context for the <canvas> element. It represents a space for drawing two- and three-dimensional graphics and animations. Learn more.

WebSockets: The WebSocket API opens a two-way communication channel between the user's browser and a server. Learn more.

WebVTT: WebVTT is a captions and subtitles format. WebVTT files are loaded using the <track> element, and the VTTCue API can be used to create or update cues dynamically. Learn more.

white-space: The white-space CSS property sets how white space is collapsed and how lines wrap. It is a shorthand for white-space-collapse and text-wrap-mode. Learn more.

XMLHttpRequest: The XMLHttpRequest API makes HTTP requests. It's the predecessor to fetch(). Also known as XHR. Learn more.

XMLSerializer: The XMLSerializer API provides the serializeToString() method to construct an XML string representing a DOM tree. Learn more.

z-index: The z-index CSS property orders overlapping elements, with higher values appearing in front of or on top of lower values. Learn more.

January 2018 web platform update

Now widely available on the web platform Widely available

Now widely available on the web platform
Widely available