DOCTYPE HTML5 Definición de Tipo de Documento ¿Qué es?

Al diseñar una página Web, se indica con un código denominado DOCTYPE html (Document Type Definition DTD), que se sitúa al inicio del documento HTML.

DOCTYPE HTML5 Definición de Tipo de Documento ¿Qué es? | Aprender HTML | Al diseñar una página Web, se indica con un código denominado DOCTYPE html (Document Type Definition DTD), que se sitúa al inicio del documento HTML
COMPÁRTELO:

<!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.

🤖

ChatGPT Gratis
Realiza preguntas sobre cualquier tema

¡Participa!

¡Compártelo en tus Redes Sociales!
Compartir en:

CITAR ARTÍCULO


Para tareas, investigaciones, tesis, libros, revistas, blogs ó artículos académicos

Referencia en Formato APA:

Delgado, Hugo. (2013).
DOCTYPE HTML5 Definición de Tipo de Documento ¿Qué es?.
Recuperado 28 de marzo, 2024, de
https://disenowebakus.net/doctype-html5-definicion-de-tipo-de-documento.php

Profesor en la Universidad de Guadalajara

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo Web y Posicionamiento SEO desde hace más de 15 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

CONTINÚA APRENDIENDO

Menú categoría


Aprender HTML

TAMBIÉN MERECE LA PENA VISITAR:

Temas relacionados - Tags

HTML5 Historia Estándares Web Navegadores Web

¿Te gustaría aprender más sobre Diseño Web?

Conoce todos los cursos y tutoriales que tenemos para ti completamente gratis
Aprender Diseño Web

¿Todavía no encuentras lo que necesitas?

Usa nuestro buscador interno para descubrir más información
Contenido relacionado:

1 Comentario en "DOCTYPE HTML5 Definición de Tipo de Documento ¿Qué es?"

  1. Avatar usuario
    Jose

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

 

Deja tu Comentario

PATROCINADOR

Tu negocio también puede aparecer aquí. Más información
Anunciate aquí

Tu navegador ha bloqueado la publicidad.
Por favor 🙏 permite visualizar los anuncios para poder acceder, gracias.