Hay muchos lenguajes en el diseño web. Tiene HTML, CSS, JavaScript, Java, Python, SQL, PHP, por nombrar algunos.
Para garantizar que los navegadores puedan analizar documentos en diferentes idiomas y mostrarlos correctamente, es importante agregar una declaración de tipo de documento. Básicamente, esto indica a los navegadores cómo leer y renderizar el archivo.
Echemos un vistazo más de cerca al tipo de documento HTML a continuación.
¿Qué es un documento HTML?
Un doctype HTML es una declaración que le dice al navegador en qué versión de HTML está escrito un documento. Esta declaración aparece como la primera línea en el archivo HTML.
Aquí hay un ejemplo de un archivo HTML con una declaración de tipo de documento:
<!DOCTYPE html><html lang=”en”>
<head>
<title>This is the Title of the Page</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Echemos un vistazo más de cerca a la declaración de tipo de documento HTML a continuación.
Declaración HTML de tipo de documento
declaración HTML no es un elemento o etiqueta HTML. Esta es una instrucción que le dice al navegador qué tipo de documento esperar.
Todos los documentos HTML deben comenzar con una declaración . La declaración difiere según la versión de HTML en la que está escrito el documento.
Aquí hay una declaración HTML4 estricta, por ejemplo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Aquí está la estricta declaración XHTML 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
En ambos ejemplos, la información que sigue a «PÚBLICO» hace referencia a la Definición de tipo de documento (DTD). La DTD define la estructura del documento y qué elementos y atributos son válidos. En los ejemplos anteriores, la DTD está declarada en archivos externos por el World Wide Web Consortium (W3C) al que se hace referencia entre comillas.
Tenga en cuenta que ambos se refieren a las DTD estrictas que se usaron para sitios web que excluyeron atributos y elementos que el W3C esperaba retirar a medida que aumentaba la compatibilidad con CSS. También hubo DTD de transición y conjunto de marcos.
Ya no es necesario hacer referencia a una DTD al escribir en el último HTML, HTML5. Echemos un vistazo más de cerca a la declaración de tipo de documento HTML5 a continuación.
tipo de documento HTML5
En HTML5, la declaración de tipo de documento es . Esto es fácil de escribir y recordar, especialmente en comparación con las complicadas declaraciones de tipo de documento de versiones HTML anteriores.
en la declaracion no distingue entre mayúsculas y minúsculas. Aunque la mayoría de las veces está en mayúsculas, puede escribirlas en minúsculas, minúsculas, oraciones, etc. y el navegador aún las reconocerá como una declaración de tipo de documento HTML.
Aquí hay algunos ejemplos que serían efectivos:
<!DOCTYPE html><!doctype html>
<!Doctype html>
<!DocType html>
Esto le dice al navegador que este tipo de documento es HTML5, por lo que sabe qué elementos son válidos.
Por ejemplo, el elemento de anclaje HTML, , es válido para tipos de documentos HTML5, HTML4 y XHTML. elemento de acrónimo HTML, , solo es válido para HTML4 y XHTML, no para HTML5. Por otro lado, el elemento de diálogo HTML,
Doctype HTML Token inesperado
Al crear un archivo HTML con una declaración de tipo de documento, puede suceder que reciba un mensaje de error de «token inesperado». Así es como suele verse:
Uncaught SyntaxError: Unexpected token <
Aparecerá en la misma línea que la declaración HTML. , pero la causa de este error no es la forma en que se escribió la declaración. En cambio, generalmente se trata de JavaScript.
Por ejemplo, si hace referencia a un archivo JavaScript, como core.js, en su archivo HTML y el navegador no puede encontrar ese archivo, mostrará un mensaje de error de «token inesperado». Este es un problema común con los sitios que se ejecutan en un servidor Apache.
Para corregir este error, debe reemplazar la ruta del archivo en la etiqueta del script con la ruta del archivo correcta, o puede mover core.js a la ubicación correcta especificada en la etiqueta del script.
Suponga que su etiqueta de secuencia de comandos se ve así:
<script type="text/javascript" src="https://blog.hubspot.com/Client/public/core.js"></script>
En este caso, puede reemplazar «/Client/public/core.js» o mover el archivo core.js a /Client/public/.
Ahora suponga que hace clic en Cliente/público y ve un archivo llamado «core.js». En este caso, verifique dos veces los permisos de la carpeta pública y el archivo core.js. Cada uno de ellos puede carecer de los permisos apropiados y, por lo tanto, causar un error de «token inesperado».
Resumamos todo lo que hemos cubierto en esta publicación con este práctico video.
Entendiendo la declaración de Doctype
Una declaración de tipo de documento HTML es un concepto básico de codificación. Cada documento HTML requiere una declaración de tipo de documento válida para que el navegador muestre su página web según lo previsto. Ahora que comprende el concepto, ya está en camino de aprender HTML y CSS.
