HTML5 Nuevos elementos
Nuevos elementos de HTML5
Desde 1999, HTML 4.01 ha cambiado mucho. Hoy en día, varios elementos de HTML 4.01 han quedado obsoletos; estos elementos han sido eliminados o redefinidos en HTML5.
Para manejar mejor las aplicaciones de Internet actuales, HTML5 ha agregado muchos elementos y funciones nuevas, como: dibujo de gráficos, contenido multimedia, mejor estructura de página, mejor manejo de formularios, y varias API, elementos de arrastrar y soltar, geolocalización, caché de aplicaciones web, almacenamiento, web workers, etc.
Nuevo elemento <canvas>
| Etiqueta | Descripción |
|---|---|
| <canvas> | La etiqueta define gráficos, como diagramas y otras imágenes. Esta etiqueta se basa en la API de dibujo de JavaScript. |
Nuevos elementos multimedia
| Etiqueta | Descripción |
|---|---|
| <audio> | Define contenido de audio. |
| <video> | Define video (video o película). |
| <source> | Define recursos multimedia para <video> y <audio>. |
| <embed> | Define contenido incrustado, como complementos. |
| <track> | Especifica pistas de texto externas para medios como los elementos <video> y <audio>. |
Nuevos elementos de formulario
| Etiqueta | Descripción |
|---|---|
| <datalist> | Define una lista de opciones. Usa este elemento junto con el elemento input para definir los posibles valores de input. |
| <keygen> | Especifica un campo generador de pares de claves para formularios. |
| <output> | Define diferentes tipos de salida, como la salida de un script. |
Nuevos elementos semánticos y estructurales
HTML5 proporciona nuevos elementos para crear una mejor estructura de página:
| Etiqueta | Descripción |
|---|---|
| <article> | Define un área de contenido independiente en la página. |
| <aside> | Define el contenido de la barra lateral de la página. |
| <bdi> | Permite configurar un fragmento de texto para que se aísle de la configuración de dirección de texto de su elemento padre. |
| <command> | Define un botón de comando, como botones de opción, casillas de verificación o botones. |
| <details> | Se usa para describir detalles de un documento o de una parte de un documento. |
| <dialog> | Define un cuadro de diálogo, como un cuadro de aviso. |
| <summary> | La etiqueta contiene el título del elemento <details>. |
| <figure> | Especifica contenido de flujo independiente (imágenes, diagramas, fotos, código, etc.). |
| <figcaption> | Define el título del elemento <figure>. |
| <footer> | Define el pie de página de una sección o de un documento. |
| <header> | Define el área de encabezado de un documento. |
| <mark> | Define texto marcado. |
| <meter> | Define una medida. Solo se utiliza para mediciones con valores máximo y mínimo conocidos. |
| <nav> | Define una sección de enlaces de navegación. |
| <progress> | Define el progreso de cualquier tipo de tarea. |
| <ruby> | Define una anotación ruby (fonética china o caracteres). |
| <rt> | Define la explicación o pronunciación de un carácter (fonética china o caracteres). |
| <rp> | Se usa en anotaciones ruby para definir el contenido que se muestra en los navegadores que no admiten el elemento ruby. |
| <section> | Define una sección (section, segmento) en un documento. |
| <time> | Define una fecha u hora. |
| <wbr> | Especifica dónde es apropiado agregar un salto de línea en el texto. |
Elementos eliminados
Los siguientes elementos de HTML 4.01 han sido eliminados en HTML5:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>