Ejemplos de las nuevas implementaciones de códigos en HTML

 Nuevos elementos

Los tiempos modernos requieren nuevos elementos para proporcionar una web más semántica, completa y homogenea. Para ello se han añadido una buena serie de elementos que nos permitirán encapsular más nuestro contenido.

• <article /> elemento que nos permite declarar un trozo del contenido como artículo. Ideal para blogs o periódicos.
• <aside /> representa un trozo de contenido que se relaciona muy levemente con el resto del contenido.
• <dialog /> elemento que permite reprensetar conversaciones.
• <figure /> podrás usarlo para asociar con un caption un contenido incrustado, como por ejemplo gráficos o vídeo:
• <footer /> Sección de la página para contener información sobre el autor, copyright, etc,…
• <header /> representa a la sección de cabecera.
• <nav /> representa la sección de la página orientada a la navegación.
• <section /> elemento que indica que se trata de una sección genérica.
• <audio /> y <video /> para el contenido multimedia.
• <embed /> es un elemento dedicado para contenido de plugins.
• <m /> representa el texto marcado.
• <meter /> usado para representar medidas, por ejemplo el tamaño del disco usado…
• <time /> usado para mostrar fechas y/o tiempo.
• <canvas /> usado para mostrar gráficos renderizados en tiempo real, por ejemplo gráficos, juegos, etc,…
• <commnad /> relacionado con los comandos que el usuario puede invocar.
• <datagrid /> ideal para mostrar un arbol de datos o una tabla tabulada.

• <details /> muestra información adicionar si el usuario lo demanda.
• <datalist /> junto con el nuevo atributo list para los <input /> puede ser usado para crear comboboxes:
• <event-sources /> puede ser usado para capturar eventos enviados desde servidor.
• <output /> nos indica que tipo de salida vamos producir con nuestra página.
• <progress /> representa una barra de proceso de una tarea, por ejemplo descargar,…

Los elementos de entrada <input /> dispondrán de una serie de tipos (type) nuevos para indicar los diferentes tipos de elementos de entrada posibles.

• datetime
• datetime-local
• date
• month
• week
• time
• number
• range
• email
• url

La idea es que estos tipos sean poporcionados por el agente de usuario (navegador) en su interface que submitarán el formato definido al servidor.