Dependiendo de a quién le pregunte, HTML 5 es el siguiente gran paso hacia la creación de una web más semántica o es un desastre que atasca la web con una mezcolanza de etiquetas y etiquetas incompletas.
El problema en ambos lados del debate es que muy pocos sitios utilizan HTML 5 en un entorno natural, por lo que las soluciones teóricas a los problemas ahora reconocidos siguen en gran medida sin probar.
Aun así, no es difícil ver los beneficios y los posibles inconvenientes de las herramientas de marcado de redes de próxima generación.
contenido
¿En qué se diferencia HTML 5?
Primero, ¿qué expresamos a través de HTML 5? En primer lugar, ¿qué queremos decir con HTML 5? En teoría, expresamos todo: nuevas etiquetas de estructura semántica, como especificaciones API de lienzo o almacenamiento fuera de línea, y nuevas etiquetas semánticas en línea. No obstante, limitamos las razones prácticas (PD: problemas de compatibilidad con el navegador) a etiquetas de estructura únicamente. Las API de lienzo, almacenamiento fuera de línea, video local o geolocalización son excelentes, sin embargo, aún no son compatibles de manera uniforme con todos los navegadores.
"Pero espera", dices, "la mayoría de los navegadores tampoco admiten los nuevos elementos estructurales". Es cierto, pero la gran mayoría aceptará felizmente cualquier etiqueta que desees crear. Incluso IE6 puede manejar pestañas nuevas, aunque si quieres darle estilo con CSS, necesitarás un poco de ayuda de JavaScript.
Una cosa que debes recordar al diseñar pestañas nuevas es que las pestañas desconocidas no tienen estilos predeterminados en la mayoría de los navegadores. También se consideran elementos a nivel de fila. Aún así, dado que la mayoría de las nuevas etiquetas de HTML 5 se pueden construir, les daremos el comportamiento de elementos a nivel de bloque. La solución es asegurarse de incluir display:block; en su estilo CSS.
Para ayudar a comprender algunas de las novedades actuales de HTML 5, vayamos al grano y comencemos a utilizar algunos elementos estructurales nuevos.
Por fin un tipo de documento que cualquiera puede recordar
Lo primero que debemos hacer para crear un documento HTML 5 es utilizar el nuevo tipo de documento. Ahora bien, si recuerdas claramente los tipos de documentos HTML 4 o XHTML 1.x, eres un tipo más travieso que nosotros. Siempre que creamos una página nueva, tenemos que abrir un archivo antiguo, cortar y pegar la definición del tipo de documento.