En este artículo conoceremos el Doctype y sus tipos en HTML5. Antes de aprender los diferentes tipos de Doctypes en HTML5 , primero debe familiarizarse con el término » Doctype «. Cuando inspecciona cualquier sitio web , puede haber notado que antes del inicio de la etiqueta < html >, se escribe <!DOCTYPE html>.
Doctype: un Doctype o declaración de tipo de documento es básicamente la primera línea de código que se requiere cuando se crea un documento HTML. Le informa al navegador sobre la versión específica de HTML en la que está escrita la página web actual. Todos los diferentes navegadores web mostrarán la página web utilizando la misma versión de HTML y, por lo tanto, la página web se verá igual en los diferentes navegadores web. Esta es la intención principal de usar el Doctype en HTML.
Nota: El Doctype no es una etiqueta o elemento HTML y no distingue entre mayúsculas y minúsculas.
Tipos: en las versiones anteriores de HTML, había diferentes tipos de Doctypes que se declaraban en cada versión de HTML, pero en HTML5 solo hay un tipo de Doctype disponible.
Uso: en versiones anteriores de HTML, el uso principal de Doctype era crear una referencia a DTD (Definición de tipo de documento) y era obligatorio referirse a DTD, pero en HTML5 no es necesario referirse a DTD. La definición de tipo de documento (DTD) se utilizó principalmente para definir la estructura con una lista de atributos y elementos validados.
Sintaxis: Hoy en día, la mayoría de las páginas web se crean utilizando HTML5, por lo que solo necesitamos crear una sintaxis de tipo de documento simple. La siguiente es la sintaxis de Doctype:
<!DOCTYPE html>
Enfoque: solo necesitamos declarar el Doctype como se muestra en la sintaxis al comienzo del código HTML.
Ejemplo: Este ejemplo muestra un código HTML simple con la declaración de Doctype.
HTML
<!-- Declaration of Doctype --> <!DOCTYPE html> <html> <head> <title>Doctypes in HTML5</title> </head> <body> <h2>Welcome To GFG</h2> <p> Different kinds of Doctypes available in HTML5 </p> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Borde de Microsoft
- Firefox
- Ópera
- Safari