En mi opinión, HTML 5 es una solución de compromiso. Aunque no es radical, puede promover el progreso continuo de la tecnología. No hay espacios de nombres, no es necesario cerrar los elementos (lo cual no es una ventaja, por supuesto) y los navegadores pueden manejar algunos errores con indulgencia. Todo sigue las prácticas de HTML 4 en el último siglo. Cuando se trata de renderizado HTML, los navegadores están estancados en niveles de 1999. Con este fin, HTML 5 es una solución pragmática, que no solo puede continuar procesando HTML que ha estado disperso en todos los rincones del mundo durante tantos años, sino que también facilita a los fabricantes de navegadores agregar nuevas funciones. A esto se le llama degradarse con gracia. Echemos un vistazo a algunos de los nuevos elementos agregados por HTML 5.
Elementos estructurales
Esto es un verdadero placer. Actualmente, sólo podemos definir la estructura a través de un div "universal", intentando expresar el encabezado, la parte inferior o la barra lateral respectivamente estableciendo el valor de su ID de atributo como encabezado, pie de página, barra lateral, etc. Con ellos, los escritores de códigos ya no necesitan preocuparse por nombrar los ID, lo que tiene más beneficios semánticos para teléfonos móviles, lectores y otros dispositivos. HTML 5 agrega nuevos elementos estructurales para expresar estas estructuras más utilizadas:
sección: Esto puede expresar una parte o capítulo de un libro, o una sección dentro de un capítulo.
encabezado: el encabezado en el cuerpo de la página. No es un elemento principal
pie de página: la parte inferior de la página (pie de página), que puede ser la ubicación de una firma de correo electrónico
nav: una colección de enlaces a otras páginas
artículo: Un registro independiente en un blog, revista, compendio, etc.
Por ejemplo, la página de inicio de un blog, escrita en HTML 5, podría verse así (con algunas omisiones):
| El siguiente es el contenido citado: <<!DOCTYPE HTML> aparte <aparte> <figura> <diálogo> |
El elemento m se utiliza para marcar algún texto que no requiere énfasis. Sigue siendo controvertido y es posible que eventualmente se cambie para marcar.
El elemento tiempo, como su nombre indica, se utiliza para expresar el tiempo. Requiere una función de fecha y hora para indicar una hora que la máquina pueda reconocer, como por ejemplo:
<time datetime="2008-08-08T20:08:08">8:08:08 pm del 8 de agosto de 2008</tiem> El elemento medidor expresa un valor dentro de un rango específico. Se puede utilizar para salarios, porcentajes, fracciones, etc. Por ejemplo:
Lamento decirte que solo tengo <meter>150cm</meter>. También tiene 6 características para expresar varios significados, como:
<p>Tu puntuación es: <meter value="88.7" min="0" max="100" low="65" high="96" Optimum="100">B+</meter>.</p >
También está el término progreso, que tal como su nombre indica, se utiliza para expresar progreso:
Cumplimiento del objetivo: <progress value="40" max="100">40%</progress> Insertar multimedia
Se agregaron elementos de video y audio. Como su nombre indica, se utilizan para insertar vídeo y sonido respectivamente. En cuanto al formato, la implementación queda en manos del navegador, y HTML ya no necesita un código especial para reproducir un formato específico. Al igual que img, se puede mostrar ya sea png, jpg o gif. En particular, pueden contener contenido. Por ejemplo, puedes ponerle letra a una determinada canción:
| El siguiente es el contenido citado: <audio src="Quién duerme contigo.mp3"> <p>Las lágrimas se secaron</p> <p>¿Cómo puedo soportar equivocarme?</p> <p>Hubo un momento de tristeza y alegría</p> ... </audio> |
interactividad
HTML 5 también se denomina Aplicaciones Web 1.0, por lo que también desarrolla aún más capacidades interactivas. Estas etiquetas están diseñadas para mejorar la experiencia interactiva de la página:
| El siguiente es el contenido citado: detalles cuadrícula de datos menú dominio |
detalles
Se utiliza para representar una parte específica del contenido, pero es posible que el contenido no se muestre de forma predeterminada. Se mostrará después de interactuar con la leyenda a través de algún medio (como hacer clic). Esto es algo similar a los métodos actuales de ocultar un contenido a través de JavaScript y mostrarlo después de hacer clic. Por ejemplo:
Graba cada pedacito de la vida en una frase,
| El siguiente es el contenido citado: <detalles> <legend>Más</legend> <p>Comunícate y comparte, te acerca a ti y a tus amigos, admite MSN/GTalk/QQ, SMS, WAP móvil</p> </details>Puede tener un atributo abierto para mostrar detalles o no. |
La cuadrícula de datos se utiliza para controlar los datos y puede ser actualizada por usuarios o scripts.
El menú existía en HTML 2, pero HTML 4 lo hizo obsoleto. Se utilizan residuos de HTML 5 y el elemento de comando se agrega durante el período.
Referencia: Nuevos elementos en HTML 5