Programación Web » Aprender HTML » Unidad 3. Introducción a HTML:

La definición de tipo de documento

Visto: 1,648

html5

<!DOCTYPE html>

En los albores de Internet, los navegadores Web sufrían numerosos defectos.

Cuando los usuarios diseñaban páginas Web, tenían que tenerlos en cuenta. Por ejemplo, podían calcular los márgenes alrededor de los cuadros flotantes de texto de diversas maneras, de modo que las páginas se veían bien en un navegador pero no en otros.

Años después, las reglas HTML (y CSS, el estándar de las hojas de estilo), se estandarizaron con mayor detalle.

Con ellas, todos los navegadores podrían mostrar la misma página de igual forma. Pero este cambio supuso un serio problema para los navegadores ya asentados que habían existido en la época oscura de HTML, como era el caso de Internet Explorer.

Tenían que admitir los nuevos estándares y seguir enseñando correctamente las páginas Web existentes, incluidas las que dependían de los antiguos defectos.

La comunidad Web adoptó una solución sencilla. Al diseñar una nueva página Web moderna, se indica este hecho mediante la inclusión de un código denominado definición de tipo de documento (Document Type Definition DTD), que se sitúa al inicio del documento HTML

doctype html5

Cuando un navegador detecta una página con una DTD, cambia a modo de estándares. Tras ello, la representa de la forma más coherente y estandarizada posible.

El resultado final es una página con el mismo aspecto idéntico en todos los navegadores modernos.

Pero cuando descubre un documento HTML sin una DTD, aparecen problemas.

Algunos, como IE cambian al temido modo de defectos. En él, IE intenta comportarse como hacían versiones anteriores de hace 10 años.

Así, las páginas Web antiguas tienen el mismo aspecto que cuando se crearon inicialmente, aunque dependan de errores de navegador antiguos que ya se hayan solucionado. Desafortunadamente cada uno tiene su idiosincrasia.

Por ello, al ver una página sin una DTD, es probable que experimente diferentes tamaños de texto, márgenes y bordes incoherentes y contenido colocado de manera incorrecta.

Por ese motivo, las páginas Web sin DTD no son recomendables y debe evitar a toda costa.

Los diseñadores Web pueden usar distintas DTD para indicar el estándar de marcado usado (como por ejemplo, HTML, XHTML, HTML5 o HTML 4.01). Sin embargo, los navegadores tienen un secreto:

No les importa lo que diga la DTD. Simplemente, quieren que se incluya una.

Se debe a que la mayoría de las DTD activan el modo de estándares. Por ello, puede asignar una DTD XHTML 1.0 a su página Web pero incluir contenido HTML5 en su interior.

A su navegador no le importará. En la actualidad, muchos programadores Web usan la DTD HTML5, que posee este aspecto:

<!DOCTYPE html>

Comprobará que no indica el número de versión (5); en su lugar, solo señala que el lenguaje es HTML. No es un error. Refleja la filosofía de HTML5:

Admitir documentos antiguos y nuevos.

También significa que al añadir nuevas funciones todas están automáticamente disponibles en sus páginas Web existentes. Así funcionan los navegadores. Con HTML5 simplemente se oficializa.

Como comparación veamos la DTD de XHTML 1.0, mucho más compleja, que puede ver en páginas Web antiguas:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

Incluso los programadores Web más experimentados tenían que copiar la DTD XHTML 1.0 de una página Web ya existente para evitar errores.

En otras ocasiones, se recurría a aplicaciones de diseño como Dreamweaver sólo para copiar la Doctype.

Cualquier página con la DTD HTML5 se representará de la misma forma que si tuviera la DTD XHTML 1.0 tradicional.

NOTA:
La ventaja de usar la DTD HTML5 es que prepara sus páginas para el futuro. Sin embargo, solo por incluir, no asuma que pueda emplear sus funciones específicas. De hecho, debe evitar muchas de ellas por el momento, ya que no se admiten de modo generalizado.

Diseño de páginas Web en Puerto Vallarta y Bahía de Banderas akus.net
subir

Síguenos en Facebook

Artículo de la semana

Cómo iniciar una página WebMetodología para la creación de sitios

Comprende las fases de Análisis, Planificación, Contenido, Diseño. ¿Qué método utilizas?