Nuevos Elementos HTML5
Desde 1999, HTML 4.01 ha cambiado mucho. Hoy en día, varios de los HTML 4.01 han quedado en desuso, y estos elementos se han eliminado o redefinido en HTML5.
Con el fin de manejar mejor las aplicaciones de Internet de hoy en día, HTML5 añade una gran cantidad de nuevos elementos y características, tales como: procesamiento de gráficos, contenido multimedia, una mejor estructura de la página, una mejor forma de procesamiento, y varios arrastre API y soltar elementos, posicionamiento, incluyendo la aplicación Web el almacenamiento en caché, almacenamiento, trabajador web, y así sucesivamente.
Nuevos elementos en HTML5
A continuación se muestra una lista de los nuevos elementos de HTML5, y una descripción de lo que se utilizan para.
Nueva Semántica / Elementos Estructurales
HTML5 ofrece nuevos elementos para una mejor estructura del documento:
| Etiqueta | Descripción |
|---|---|
| <article> | Define un artículo en el documento |
| <aside> | Define el contenido aparte del contenido de la página |
| <bdi> | Define una parte del texto que podrían ser formateado en una dirección diferente del resto del texto |
| <details> | Define los detalles adicionales que el usuario pueda ver u ocultar |
| <dialog> | Define un cuadro de diálogo o ventana |
| <figcaption> | Define una leyenda para una <figure> elemento |
| <figure> | Define el contenido en sí misma, como ilustraciones, diagramas, fotos, listados de código, etc. |
| <footer> | Define un pie de página para el documento o una sección |
| <header> | Define un encabezado de documento o una sección |
| <main> | Define el contenido principal de un documento |
| <mark> | Define marcado o texto resaltado |
| <menuitem> | Define un elemento de comando / menú que el usuario puede invocar desde un menú emergente |
| <meter> | Define una medición escalar dentro de un rango conocido (a gauge) |
| <nav> | Define enlaces de navegación en el documento |
| <progress> | Define el progreso de una tarea |
| <rp> | Define qué mostrar en los navegadores que no soportan ruby anotaciones |
| <rt> | Define una explicación / pronunciación de los caracteres (por la tipografía de Asia Oriental) |
| <ruby> | Define un ruby anotación (for East Asian typography) |
| <section> | Define una sección en el documento |
| <summary> | Define un encabezado visible por un <details> elemento |
| <time> | Define una fecha / hora |
| <wbr> | Define una posible línea-break |
Leer más sobre HTML5 semántica .
Elementos nuevo Formulario
| Etiqueta | Descripción |
|---|---|
| <datalist> | Define opciones predefinidas para controles de entrada |
| <keygen> | Define un campo del generador de par de claves (for forms) |
| <output> | Define el resultado de un cálculo |
Lea todo sobre viejos y nuevos elementos de formulario en elementos de formulario HTML .
Nuevos tipos de entrada
| Nuevos tipos de entrada | Los nuevos atributos de entrada |
|---|---|
|
|
Aprender todo acerca de los tipos de entrada antiguos y nuevos en Tipos de entrada HTML .
Aprender todo acerca de los atributos de entrada de atributos de entrada HTML .
HTML5 - Nuevo atributo Sintaxis
HTML5 permite cuatro sintaxis diferentes para los atributos.
Este ejemplo demuestra los diferentes sintaxis utilizados en un <input> etiqueta:
| Tipo | Ejemplo |
|---|---|
| Vacío | <input type="text" value="John" disabled > |
| No cotizado | <input type="text" value=John > |
| Haga doble citado | <input type="text" value="John Doe" > |
| Single-citado | <input type="text" value='John Doe' > |
En HTML5, los cuatro sintaxis se pueden utilizar, dependiendo de lo que se necesita para el atributo.
Gráficos HTML5
| Etiqueta | Descripción |
|---|---|
| <canvas> | Define el dibujo gráfico usando JavaScript |
| <svg> | Define el dibujo gráfico usando SVG |
Leer más sobre Canvas de HTML5 .
Leer más sobre HTML 5 SVG .
Nueva elementos Medios
| Etiqueta | Descripción |
|---|---|
| <audio> | Define el contenido de sonido o música |
| <embed> | Define recipientes para aplicaciones externas (like plug-ins) |
| <source> | Define las fuentes de <video> y <audio> |
| <track> | Define pistas para <video> y <audio> |
| <video> | Define el contenido de vídeo o una película |
Leer más acerca de vídeo HTML5 .
Leer más sobre HTML5 de audio .