Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a HTML 5: Introducción

Datos de búsqueda

HTML 5

HTML 5: Introducción

Advertencia: Es muy importante tener en cuenta que HTML 5 es todavía un borrador, y que podría haber características del mismo que puedan sufrir variaciones antes de convertirse en recomendación.

HTML 5: resultado de la experiencia

Fecha Versión
Noviembre 1995 HTML 2.0: Con el tiempo se le van añadiendo características (1995-97)
Enero 1997 HTML 3.2
Diciembre 1997 HTML 4.0: Correcciones en abril de 1998
Diciembre 1999 HTML 4.01: Solo pequeños cambios respecto a HTML 4.0

HTML 4.0 aparece a finales de 1997, y HTML 4.01 dos años después. Es el momento en el que comienza a expandirse la generación de contenidos Web.

HTML 4 ha sido probado a lo largo de una década, en la que se ha demostrado su gran utilidad, pero que ha destapado algunas debilidades y carencias.

Son esas debilidades y carencias las que HTML 5 trata de corregir.

El uso habitual de ciertas clases para elementos de cabecera de página (enlace externo, en inglés), de pie de página, de contenidos, etc. evidenciaba que eran necesarios nuevos elementos:

  1. footer
  2. menu
  3. title
  4. small
  5. text
  6. content
  7. header
  8. nav
  9. copyright
  10. button
  11. main
  12. search
  13. msonormal
  14. date
  15. smalltext
  16. body
  17. style1
  18. top
  19. white
  20. link

Por ello, en base a algunas de esas clases más habituales, se han creado o modificado algunos elementos:

Clase Elemento
footer footer
menu menu
title, header, top header
text, content, main, body article
nav nav
date date

XHTML: los inconvenientes

Hay HTML 5, pero ¿no hay una versión equivalente de XHTML, como la hubo con HTML 4?

La diferencia de HTML 4.01 con XHTML 1.0/1.1 es importante, XHTML se debe servir con un tipo MIME application/xhtml+xml: Es XML. Consecuencias:

  • Esto hace que hasta el más pequeño error haga que se pare la carga de la página y ésta no se llegue a visualizar en el navegador.
  • Esa severidad en el tratamiento de los errores haría que muchas páginas no pudiesen cargar, ya que la mayoría de las páginas suelen tener errores de marcado.

Esto no ocurre con HTML, el navegador es capaz de seguir interpretando la página a pesar de la presencia de errores de marcado (dependiendo de la gravedad de los mismos).

La especificación XHTML 1.0 (no así XHTML 1.1) incluía la posibilidad de no servirlo como XML, sino como texto, de modo que en caso de error el comportamiento fuese como en HTML.

Compatibilidad hacia atrás

HTML 5 se ha definido de modo que sea compatible con el modo en que los navegadores manejan el contenido de las páginas.

Los requerimientos para desarrolladores y para navegadores difieren en algunos aspectos:

  • Para el desarrollador se excluyen los elementos que caen en desuso, por ejemplo, los que cuyo cometido se ha de cumplir mediante CSS (separación de presentación y contenido).
  • Y a los navegadores se les requiere soporte para esos elementos.

De este modo no es necesario marcar características del lenguaje como obsoletas.

Sintaxis

La sintaxis de HTML 5 es compatible con los documentos HTML 4 y XHTML 1 que se utilizan en la actualidad.

Existen dos variantes de sintaxis:

  • HTML
  • XHTML

DOCTYPE: tipo de documento

<!doctype html>

El tipo de documento (DOCTYPE) sólo es obligatorio para la sintaxis HTML: Si se omite no se habilitará el modo de estándares en los navegadores.

En documentos con sintaxis XHTML, servidos como XML, el tipo de documento es opcional, ya que independientemente de su inclusión se activará el modo estándares.

Sintaxis HTML

Si se utiliza la sintáxis HTML el documento es servido como text/html.

Si la página no se considera segura se puede servir como text/html-sandboxed (sandbox).

Ejemplo de la sintáxis HTML:

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Documento de ejemplo</title>
  </head>
  <body>
    <p>Párrafo de ejemplo</p>
  </body>
</html>

Sintaxis XHTML

Si se utiliza la sintáxis XHTML la página deberá servirse como XML:

  • application/xhtml+xml
  • application/xml 

Ejemplo de la sintáxis XHTML sin DTD:

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Documento de ejemplo</title>
  </head>
  <body>
    <p>Párrafo de ejemplo</p>
  </body>
</html>

Ejemplo de la sintáxis XHTML con DTD:

<?xml version="1.0" encoding="UTF-8"?>
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Documento de ejemplo</title>
  </head>
  <body>
    <p>Párrafo de ejemplo</p>
  </body>
</html>

Hay que hacer hincapié en la primera línea, que es la que define como XML al documento:

<?xml version="1.0" encoding="UTF-8"?>

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks
  • Compartir en Google Buzz

Datos del artículo:

Comentarios de la página

Puedes comentar o hacer trackback desde tu propio sitio web.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Hacer un comentario