Dia #5 Hablemos más de los nuevos elementos de HTML5

CURSO HTML5 DESDE 0
Además de los elementos estructurales vimos en el tutorial anterior, HTML 5 introduce una serie de nuevos elementos semánticos que son elementos que sin ninguna duda mejoran la estructura de cualquier sitio, las etiquetas semánticas, son claves para posicionamiento en buscadores y el buen desarro¬llo web Vamos a Examinarlas y a ver algunos detalles de ellas y también HTML5 incluye nuevos elementos para el manejo de las forma, el dibujo y para el contenido de los medios de comunicación. Y también vamos a ver algunas etiquetas que fueron eliminadas en esta nueva versión de HTML.

en la siguiente tabla te mostrare todo lo nuevo de HTML5:

Nuevos elementos semánticos / Estructural

Etiqueta Descripción
<article> Define un artículo
<aside> Define el contenido aparte del contenido de la página
<bdi> Aísla una parte del texto que pueda ser formateada en una dirección distinta de otro texto fuera de ella
<command> Define un botón de comando que un usuario puede invocar
<details> Define los detalles adicionales que el usuario pueda ver u ocultar
<summary> Define un título visible para un elemento <details>
<figure> Especifica autónomo de contenido, como ilustraciones, diagramas, fotos, listas de códigos, etc
<figcaption> Define un título para un elemento <figure>
<footer> Define un pie de página de un documento o sección
<header> Define un encabezado de un documento o sección
<hgroup> Agrupa un conjunto de etiquetas desde los <h1> hasta los <h6> cuando un título tiene varios niveles
<mark> Define el texto marcado / resaltado
<meter> Define una medida escalar dentro de una gama.
<nav> Define vínculos de exploración
<progress> Representa el progreso de una tarea
<ruby> Define una anotación de rubí (para el Este de la tipografía de Asia)
<rt> Define una explicación / pronunciación de los caracteres (para el Este de la tipografía de Asia)
<rp> Define lo que se muestra en los navegadores que no son compatibles con anotaciones de rubí
<section> Define una sección de un documento
<time> Define una fecha / hora
<wbr> Define una posible ruptura del verso

Nuevos para medios de comunicación / Media

Etiqueta Descripción
<audio> Define el contenido de sonido
<video> Define un vídeo o una película
<source> Define los recursos de medios múltiples para <video> y <audio>
<embed> Define un contenedor para una aplicación externa o de contenido interactivo (un plug-in)
<track> Define las pistas de texto para <video> y <audio>

El nuevo elemento <canvas>

Etiqueta Descripción
<canvas> Se utiliza para dibujar gráficos sobre la marcha a través de secuencias de comandos (normalmente JavaScript)

Nuevos elementos de formulario

Etiqueta Descripción
<datalist> Especifica una lista de opciones predefinidas para los controles de entrada
<keygen> Define un campo generador de par de claves (para las formas)
<output> Define el resultado de un cálculo

Elementos eliminados de la version anterior de HTML

Los siguientes elementos o etiquetas DE LA VERSION HTML4 fueron eliminados y su uso no sera correcto para la nueva version de HTML5

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <NOFRAMES>
  • <strike>
  • <tt>

Que más te puedo decir acerca de estos nuevos elementos, bueno en realidad muchísimo, pero mejor te remito a unas fuentes de mayor información:
Ver los elementos de html5 en forma de una tabla periodica
elementos de html5

About the author

Johan Ricardo Niebles. Administrador y creador de este blog, Front-end (HTML + CSS + JS).con mas de 4 años de experiencia en el magico mundo web. Johan Ricardo