HTML Tutorial
HTML - Introduction HTML - Basic HTML - Structure HTML - Element HTML - Attributes HTML - Headings HTML - Paragraphs HTML - Styles HTML - Formatting HTML - Phrase Tags HTML - Quotations HTML - Comments HTML - Colors HTML - CSS HTML - Links HTML - Images HTML - Tables HTML - List HTML - Inline elements HTML - Block elements HTML - Classes HTML - Id HTML - Javascript HTML - File Path HTML - Iframe HTML - Responsive HTML - Computer Code HTML - Head tag HTML - Events HTML - Url Encoding HTML - Entities HTML - Validation
HTML Forms
HTML - Forms HTML - Form Elements HTML - Input types HTML - Input Attributes
HTML5 - Introduction HTML5 - New Elements HTML5 - Semantics HTML5 - Style Guide
HTML Media
HTML - Video HTML - Audio HTML - Embed Multimedia
HTML Graphics
HTML - Canvas HTML - SVG
HTML - Geolocation HTML - Drag & drop HTML - Web Storage HTML - Web Workers
HTML References
HTML - Tag Reference HTML - Tag by Category HTML - Attributes HTML - Global Attributes HTML - Events HTML - Language Codes HTML - Country Codes HTML - URL Encoding HTTP Methods HTTP Status Codes <input> types

HTML5 New Elements

Below is a list of the new HTML5 elements, and a description of what they are used for.

HTML5 Semantic Elements

HTML5 offers new elements for better document structure.

Tag Description
<article> Specifies an article
<aside> Represents a content that is indirectly related to the main content
<bdi> Represents text that is isolated from its surrounding for the purposes of bidirectional text formatting
<details> Specifies additional details that the user can view or hide
<dialog> Specifies a dialog box or window
<figcaption> Specifies a caption for a <figure> element
<figure> Represents self-contained content
<footer> Specifies a footer for a document or section
<header> Specifies a header for a document or section
<main> Specifies the main content of a document
<mark> Specifies highlighted text
<meter> Specifies a scalar measurement within a known range
<nav> Specifies navigation links
<progress> Represents the progress of a task
<rp> Specifies what to show in browsers that do not support ruby annotations
<rt> Specifies the pronunciation of character presented in a ruby annotations
<ruby> Specifies a ruby annotation
<section> Specifies a section in a document
<summary> Specifies a visible heading for a <details> element
<time> Specifies a date/time
<wbr> Represents a word break opportunity

HTML5 Input Types

Input type Input attribute

HTML5 Form Elements

Tag Description
<datalist> Specifies a list of pre-defined options for input controls
<output> Specifies the result of a calculation or the outcome of a user action

HTML5 Graphics Elements

Tag Description
<canvas> Specifies a region in the document, which can be used to draw graphics on the fly via scripting (usually JavaScript)
<svg> Specifies a container for SVG graphics

HTML5 Media Elements

Tag Description
<audio> Embeds a sound, or an audio stream in an HTML document
<embed> Embeds external content at the specified point in the document
<source> Specifies multiple media resources for media elements (<video> and <audio>)
<track> Specifies text tracks for media elements (<video> and <audio>)
<video> Embeds a media player which supports video playback into the document