En este artículo, vamos a ver la diferencia entre el tipo de documento Transitional y Strict. Tanto Transitional como Strict son los tipos de doctypes disponibles en HTML 4. Ahora, ¿qué doctype es? Una declaración de tipo de documento o declaración de tipo de documento es información para el navegador sobre qué tipo de documento debe esperar. No es una etiqueta HTML. Todos los documentos HTML que codifique deben comenzar con una declaración <!DOCTYPE> . La declaración de tipo de documento se escribe justo encima de la etiqueta <html>, al principio de cada documento que escriba.
Importancia de la declaración de Doctype:
- Doctype obliga al navegador a hacer el mejor esfuerzo para seguir las especificaciones exactas que se realizan en el documento HTML durante la representación.
- Evita que el navegador cambie al modo de peculiaridades (el comportamiento no estándar del diseño en Navigator 4 e Internet Explorer 5)
Tipo de documento HTML5: esta es la versión más reciente del tipo de documento que se utiliza actualmente. No tiene desventajas y es más fácil de implementar y recordar. Validará correctamente todas las funciones de HTML 5, así como la mayoría de las funciones de HTML 4/XHTML 1.0. La versión anterior, HTML 4.01, estaba completamente basada en un lenguaje de marcado generalizado estándar (SGML). Por lo tanto, la declaración DOCTYPE en HTML4 se usó para crear una referencia a una definición de tipo de documento (DTD). La definición de tipo de documento (DTD) se encarga de especificar las reglas del SGML para que el navegador procese correctamente el contenido. Pero en la versión HTML más reciente, es decir, HTML 5, no es necesario hacer referencia a una definición de tipo de documento (DTD), ya que HTML 5 no se basa en SGML.
Sintaxis:
<!DOCTYPE html>
Nota: El tipo de documento no es una etiqueta o elemento HTML y no distingue entre mayúsculas y minúsculas.
Ejemplo: a continuación se muestra un programa HTML de muestra con declaración de tipo de documento:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
color: green;
}
</style>
<title>doctype</title>
</head>
<body>
<h2>Welcome To GFG</h2>
<h4>This is doctype of HTML5.</h4>
</body>
</html>
Producción :
Se trataba de doctype y su sintaxis. Ahora hablemos del tipo de documento Transicional y Estricto y su diferencia.
Tipo de documento de transición:
El doctype de transición valida el código escrito contra la especificación HTML 4.01. Permite algunas marcas de presentación y elementos obsoletos (como elementos <font>), pero no conjuntos de marcos. Valida el marcado de estilo HTML suelto.
Sintaxis:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Ejemplo: en este ejemplo, todo el código será el mismo que antes, solo usaremos la sintaxis de tipo de documento de transición.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
h2 {
color: green
}
</style>
<title>doctype</title>
</head>
<body>
<h2>Welcome To GFG</h2>
<h4>
<center>This is Transitional doctype.</center>
</h4>
</body>
</html>
Producción:
Tipo de documento estricto:
El tipo de documento estricto valida el código escrito contra la especificación HTML 4.01. Sin embargo, no permite el uso de elementos obsoletos o marcas de presentación, como elementos <font> o conjuntos de marcos. Valida el marcado de estilo HTML suelto, por ejemplo, atributos minimizados y atributos no entrecomillados (por ejemplo, requerido, en lugar de requerido = «requerido»).
Sintaxis:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Ejemplo: en este ejemplo, todo el código es el mismo que antes, solo cambiamos el código de declaración del tipo de documento.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
h2 {
color: green
}
</style>
<title>doctype</title>
</head>
<body>
<h2>Welcome To GFG</h2>
<h4>
<center>This is Strict doctype.</center>
</h4>
</body>
</html>
Producción:
Diferencia entre tipo de documento transitorio y estricto:
| tipo de documento de transición | Tipo de documento estricto |
| La definición de tipo de documento de transición (DTD) permite algunos PUBLIC y atributos más antiguos que han quedado en desuso. | Definición estricta del tipo de documento (DTD): se incluyen todos aquellos elementos y atributos que no aparecen en los documentos de conjunto de marcos o que no han quedado obsoletos. |
| Permite el marcado de presentación como <font> | No permite el marcado de presentación como <center>. |
| El tipo de documento de transición se puede usar cuando tenemos muchas marcas antiguas que no se pueden compilar con el tipo de documento predeterminado. | El tipo de documento estricto es el tipo de documento predeterminado. |
| Hay un aspecto estructural y de presentación en el marcado. | Se separa la presentación y la estructura. Al no permitir el marcado de presentación en él. Todo el aspecto de la presentación se realiza en CSS. |
| Al usar el tipo de documento Transitional, no es tan fácil mantener el sitio web ya que mezcla la presentación y la estructura. | Al usar un tipo de documento estricto, es más fácil mantener el sitio web. |
Publicación traducida automáticamente
Artículo escrito por archnabhardwaj y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA