Nuevos Elementos en HTML5
Para poder manejar mejor las necesidades actuales de internet, HTML5 ha incluido nuevos elementos para dibujar gráficos, mostrar imagen y sonido, para mejorar la estructura de las páginas y gestionar mejor los formularios, así como nuevos APIs para arrastrar y soltar, para encontrar tu posición geográfica, para guardar datos locales, etc. A continuación tenemos una lista de los nuevos elementos HTML, introducidos por HTML5 y una descripción de para que se usan. |
Nuevos elementos Semánticos/Estructurales
HTML5 ofrece nuevos elementos para una mejor estructura:
| Etiqueta | Descripción |
|---|---|
| <header> | Define el header para un documento o una sección. |
| <hgroup> | Agrupa los elementos para el encabezado. |
| <nav> | Define los enlaces de navegación en un documento. |
| <section> | Define una sección en el documento. |
| <main> | Define el contenido principal del documento. |
| <article> | Define un artículo del documento. |
| <aside> | Define contenido secundario de la página. |
| <footer> | Define el pie del documento o sección. |
| <details> | Define detalles adicionales que el usuario puede ver o esconder. |
| <summary> | Define un encabezado visible para un elemento <details>. |
| <figure> | Define un contenido independiente, como una ilustración, diagrama, foto, etc. |
| <figcaption> | Define una título para un elemento <figure>. |
| <mark> | Define texto resaltado o marcado. |
| <time> | Define una fecha/hora. |
| <bdi> | Define una parte del texto que puede ser formateada de una manera diferente a la del texto principal. |
| <wbr> | Define un posible retorno de carro. |
| <dialog> | Define una caja de diálogo o ventana |
| <command> | Define un botón de comando al que el usuario puede llamar |
| <meter> | Define una medida escalar dentro de un rango establecido. |
| <progress> | Define el progreso de una tarea. |
| <ruby> | Define una anotación ruby (para tipografía del este asiático) . |
| <rt> | Define una pronunciación de caracteres (para tipografía del este asiático) |
| <rp> | Define lo que se puede mostrar en los navegadores que no soporta las anotaciones ruby. |
Nuevos elementos Form
| Etiqueta | Descripción |
|---|---|
| <datalist> | Define opciones predefinidas para una caja de texto input. |
| <keygen> | Define un campo generador de palabras clave(para envío de claves a traves de formularios) |
| <output> | Define el resultado de un cálculo |
El nuevo elemento <canvas>
| Etiqueta | Descripción |
|---|---|
| <canvas> | Define dibujos gráficos utilizando JavaScript |
Nuevos Elementos Media
| Etiqueta | Descripción |
|---|---|
| <audio> | Define contenido de sonido o música |
| <video> | Define contenido de video o smovie |
| <source> | Define fuentes para <video> y <audio> |
| <track> | Defines rutas para <video> y <audio> |
| <embed> | Define containers para aplicaciones externas (como plug-ins) |
Elementos eliminados
Los siguientes elementos de HTML 4.01 han sido eliminados de HTML5:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
| <<Formularios. Nuevos tipos de Input. | Ejemplos de mejoras e incorporaciones respecto a antiguas versiones >> |