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 an alternative text, displayed in the 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> | Indicates the variations of the same audio file. |
| <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> | Responsible for generating a pair of keys (public and private), that are used to encrypt and decrypt data sent to the server when an HTML form is submitted |
HTML5 Graphics
| Elements | Description |
|---|---|
| <canvas> | Defines an area on the web page, where we can create different objects, images, animations, photo compositions via scripts. |
| <svg> | Draws scalable vector graphics. |
Practice Your Knowledge
Which of the following are valid HTML5 elements?
Correct!
Incorrect!
Quiz Time: Test Your Skills!
Ready to challenge what you've learned? Dive into our interactive quizzes for a deeper understanding and a fun way to reinforce your knowledge.