DEV Community

Karen Molina
Karen Molina

Posted on

3

HTML: Una cosa llamada !DOCTYPE

¡Hola, ahora en español!

Pues la idea de la serie de conceptos sobre cosas de frontend, es poder ayudarles a preparar sus entrevistas técnicas y por otro lado, me ayuda a repasar cosas que de pronto se olvidan.

En HTML existe una cosa llamada !DOCTYPE. Primero, debemos de saber que no es una etiqueta del HTML. Ahora bien, aunque no es un tag, es una keyword o declaración importante dentro de nuestros archivos de HTML.

Primero, pues cualquier cosa que hagamos, el navegador es el encargado de interpretar lo que estamos construyendo. En un inicio se supone que el !DOCTYPE se encagaba de avisar al navegador el tipo de documento que tendría que esperar, pero actualmente lo que informa es el versionado del HTML que estamos usando en el proyecto.

En el caso de HTML 5, la declaración es muy fácil, pues solo tenemos que poner:

<!DOCTYPE html>

La declaración anterior no indica explícitamente que sea un archivo de HTML 5, en realidad es una declaración por default, dado que antes del HTML5 se tenían que agregar algunos elementos de DTD que sí especificaran la versión del HTML que estábamos usando.

Por ejemplo, para especificar un HTML 4, teníamos que colocar algo así:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Otra cosa a resaltar es que nuestro !DOCTYPE no es 'case sensitive', esto quiere decir que no importa si lo escribimos en mayúscula o minúscula; el navegador podrá interpretarlo.

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay