Nuevos elementos en HTML5

A continuación hay una lista de los nuevos elementos HTML5 y una descripción de para qué se usan.

Nuevos elementos semánticos / estructurales

HTML5 ofrece nuevos elementos para una mejor estructura del documento:

Tag	Description
<article>	Defines an article in a document
<aside>	Defines content aside from the page content
<bdi>	Isolates a part of text that might be formatted in a different direction from other text outside it
<details>	Defines additional details that the user can view or hide
<dialog>	Defines a dialog box or window
<figcaption>	Defines a caption for a <figure> element
<figure>	Defines self-contained content
<footer>	Defines a footer for a document or section
<header>	Defines a header for a document or section
<main>	Defines the main content of a document
<mark>	Defines marked/highlighted text
<menuitem>	Defines a command/menu item that the user can invoke from a popup menu
<meter>	Defines a scalar measurement within a known range (a gauge)
<nav>	Defines navigation links
<progress>	Represents the progress of a task
<rp>	Defines what to show in browsers that do not support ruby annotations
<rt>	Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>	Defines a ruby annotation (for East Asian typography)
<section>	Defines a section in a document
<summary>	Defines a visible heading for a <details> element
<time>	Defines a date/time
<wbr>	Defines a possible line-break

Tag	Description
<datalist>	Specifies a list of pre-defined options for input controls
<keygen>	Defines a key-pair generator field (for forms)
<output>	Defines the result of a calculation

Read all about old and new form elements in HTML Elementos de Formulario.

Nuevos tipos de entrada	Nuevos atributos de entrada
color fecha datetime datetime-local correo electrónico mes número distancia buscar tal hora url semana	autocompletar enfoque automático formar formaction formenctype método de formulario formnovalidate forma del objetivo alto y ancho lista min y max múltiple patrón (regexp) marcador de posición necesario paso

Learn all about old and new input types in HTML Tipos de Entrada.

Aprenda todo sobre los atributos de entrada en los Atributos de entrada HTML .

HTML5 permite cuatro sintaxis diferentes para los atributos.

Este ejemplo demuestra las diferentes sintaxis usadas en una etiqueta <input>:

Type	Example
Empty	<input type="text" value="John" disabled>
Unquoted	<input type="text" value=John>
Double-quoted	<input type="text" value="John Doe">
Single-quoted	<input type="text" value='John Doe'>

En HTML5, se pueden usar las cuatro sintaxis, dependiendo de lo que se necesite para el atributo.

Tag	Description
<canvas>	Draw graphics, on the fly, via scripting (usually JavaScript)
<svg>	Draw scalable vector graphics

Lea más acerca de HTML5 Canvas .

Lea más acerca de HTML5 SVG .

Tag	Description
<audio>	Defines sound content
<embed>	Defines a container for an external (non-HTML) application
<source>	Defines multiple media resources for media elements (<video> and <audio>)
<track>	Defines text tracks for media elements (<video> and <audio>)
<video>	Defines video or movie

Lea más acerca de Video HTML5 .

Lea más acerca de HTML5 Audio .