¿Cuál es la funcionalidad de! DOCTYPE?

StackOverflow https://stackoverflow.com/questions/1818587

  •  10-07-2019
  •  | 
  •  

Pregunta

A menudo vemos <!DOCTYPE ...> lo siguiente: 

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

¿Cuál es la funcionalidad de !DOCTYPE?

¿Fue útil?

Solución

El uso más significativo de DOCTYPE es cambiar un navegador entre el modo Quirks y la representación en modo estándar .

Esta funcionalidad surgió debido a " broken " renderizado en versiones antiguas de IE. Se dio cuenta de que si Microsoft solo & Quot; arreglado & Quot; el motor de representación de IE muchos sitios existentes no se representarían correctamente. Entonces, la forma en que funciona es que si coloca any una declaración DOCTYPE válida en su página, se asume que sabe lo que está haciendo y su navegador se procesará de manera compatible con los estándares, y si no coloque uno en él se renderizará en el antiguo " incorrecto " manera.

Esto se realizó originalmente en IE para Mac, pero este comportamiento es el mismo en todas las versiones de IE desde IE5 y Firefox, Chrome, Safari y Opera.

Lo que se supone que es el DOCTYPE es una Definición de tipo de documento . HTML es un subconjunto de SGML (como es XML). El DTD le dice a un analizador qué sintaxis está utilizando. Entonces, en una página web, su DOCTYPE debe coincidir con la versión de HTML que está utilizando.

Otros consejos

Le dice al validador qué versión de HTML está utilizando. Un navegador utiliza esta información para representar la página correctamente.

Aquí está la versión correcta de DOCTYPE:

  • HTML 4.01 estricto, transitorio, conjunto de marcos 

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

  • XHTML 1.0 Strict, Transitional, Frameset 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  • XHTML 1.1 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

  • HTML5 

    <!DOCTYPE html>

Le dice a su navegador qué versión de HTML se está cargando, lo que hace que el tiempo de carga sea un poco más rápido ya que el navegador sabe qué esperar.

El doctype es un estándar definido por el w3c: cuando se trata del desarrollo web basado en estándares, de esto es de lo que están hablando. La idea de usar el doctype es crear HTML válido que siga al doctype.

Si eres inteligente, puedes escribir tu propio doctype.

El propósito principal (práctico) de los DOCTYPE es forzar a IE desde " modo peculiaridades " a " modo compatible con estándares " ;, ambos eufemismos para " modo horriblemente roto " y " modo ligeramente roto " (respectivamente).

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top