HTML5 Elements Reference
HTML5 is a set of technologies for building more diverse and powerful web sites and applications, which support multimedia, interact with software interfaces, structure documents, etc.
Here you can find the complete list of the new elements in HTML5.
New Structural/Semantic Elements
| Elements | Description |
|---|---|
<article> | Defines an independent, self-contained content. |
<aside> | Defines a section with additional information related to the content around the aside element. |
<bdi> | Isolates bidirectional text (when a language with right-to-left directionality, such as Arabic or Hebrew, is used in line with left-to-right languages). |
<details> | Contains additional details that the user can open and view. |
<dialog> | Specifies a dialog box or window. |
<figcaption> | Adds a caption or explanation to the contents of the <figure> tag. |
<figure> | Specifies a self-contained content. |
<footer> | Defines the footer of a web page or a section. |
<header> | Defines a header of a page or a section. |
<main> | Specifies a document’s main content. |
<mark> | Marks a part of the text which has relevance. |
<meter> | Defines a scalar measurement in the known range or graphic representation of a fractional number. |
<nav> | Defines a block of navigation links, either within the current document or to other documents. |
<progress> | Displays the progress of the task (progress bar). |
<rp> | Defines alternative text displayed in browsers that do not support the <ruby> tag. |
<rt> | Adds annotations at the top and bottom of the text, inserted in the <ruby> tag. |
<ruby> | Defines furigana (also called yomigana or ruby), phonetic tips in Japanese and East Asian languages. |
<section> | Creates standalone sections within a webpage containing logically connected content. |
<summary> | Defines the visible header for the <details> element. |
<time> | Defines a human-readable time on a 24-hour clock or a precise date in the Gregorian calendar. |
<wbr> | Instructs the browser where in the text a line break could be added. |
New Media Elements
| Elements | Description |
|---|---|
<audio> | Embeds audio content in an HTML document. |
<embed> | Is used as a container for external applications, multimedia and interactive content that the browser doesn’t understand. |
<source> | Defines multiple media resources in different format: video, audio or image. |
<track> | Specifies text tracks for media elements. |
<video> | Embeds video on an HTML document. |
New Form Elements
| Elements | Description |
|---|---|
<datalist> | Creates a list of input options predefined by the <input> tag. |
<output> | Defines a place for representing the result of a calculation performed by a script or user’s interaction with a form element (<form> tag). |
<keygen> | Deprecated. Generates a pair of keys (public and private) for encrypting and decrypting data sent to the server when an HTML form is submitted. Use the Web Crypto API instead. |
HTML5 Graphics
| Elements | Description |
|---|---|
<canvas> | Defines an area on the web page where we can create different objects, images, animations, and photo compositions via scripts. |
<svg> | Draws scalable vector graphics. |
Practice
Which of the following are valid HTML5 elements?