Dicen los escépticos, el progreso sigue siendosigue siendo un fenómeno que no se puede detener. Sin embargo, mientras que algunos están indignados por el movimiento prolongado a las dachas lunares, otros literalmente entran en pánico, porque mantenerse al día con los cambios se vuelve cada vez más difícil. Un ejemplo de tal "puesta al día" son representantes de profesiones asociadas con alta tecnología.

Si bien la mayoría de los diseñadores web,los programadores y diseñadores de diseño están mucho más en línea con el espíritu de los tiempos que cualquier "Nura Baba", que recibe información con una semana de retraso, e incluso con distorsiones significativas, la situación real es algo diferente. Es bastante difícil igualar el nivel de progreso en el ámbito de las nuevas tecnologías. Considere un ejemplo simple: hace unos 5-10 años el desarrollador de juegos en línea en Adobe Flash podría lograr un éxito tangible, numerosos "granjeros felices" son una confirmación. Sin embargo, incluso hoy en día, esta tecnología se está extinguiendo gradualmente, dando paso a una mayoría básica más moderna pero menos estudiada de HTML5. Por cierto, es HTML5 y es uno de los "personajes" de la historia de hoy, dedicado al trabajo cotidiano de HTML-coder.

doctype html

Doctype HTML - ¿qué es?

Este es un monumento de alta tecnología para las víctimasprogreso de la tecnología. Dashing 90-s, que difería no solo en la situación de "combate" en nuestro país, sino también una verdadera guerra de navegadores, trajo al mundo varios productos que permitieron a los usuarios de computadoras arar las extensiones de la red mundial. Esa es solo una captura: popular, Netscape Navigator e Internet Explorer observaron las mismas páginas de maneras completamente diferentes, respectivamente, y los creadores de los sitios crearon páginas completamente diferentes para estos programas.

Estándares? En esos años, no tenía sentido hablar de ellos: el W3C estaba en su infancia, y Microsoft, que promovió su IE, era famoso por preferir inventar sus propias bicicletas que eran incompatibles con cualquier cosa. Sin embargo, al final de esa década terrible (para los desarrolladores web), la situación seguía siendo normal: aparecían algunas semejanzas de estándares, que, si bien no del todo, seguían siendo respetados por todos los navegadores populares.

Sin embargo, el estado de las cosas resultó ser tal quelos estándares del consorcio y los fabricantes de navegadores resultaron ser, por decirlo suavemente, no todos iguales. Podrías crear una página absolutamente correcta desde el punto de vista de HTML, CSS y DOM, pero tu navegador preferido no mostró de forma persistente lo que esperabas ver.

Sin embargo, el tiempo pasó, los desarrolladores aúnfinalmente decidió pensar no solo sobre la competencia, sino también sobre los webmasters, y apareció Doctype HTML. Este es un nombre de etiqueta especial que le dice al navegador cómo ver una página en particular.

¿Por qué Doctype en HTML?

Antes de la aparición de estándares adecuados, quecomenzó a seguir de forma ubicua, muchos desarrolladores de navegadores trataron de quitarse la manta, creando sus propios métodos de acercamiento a una tecnología en particular. Como resultado, la misma página se veía diferente en diferentes navegadores. Sin embargo, ya hemos hablado de esto, pero no mencionamos que cuando los productores de programas para navegar en la red recuperaron el sentido, surgió otro problema no menos interesante.

Imagina la situación: usted es un desarrollador web típico de finales de los 90. Dio la casualidad de que pasa la mayor parte del tiempo en el navegador Internet Explorer 4. De repente, Microsoft decide volver en sí y hace que su nuevo navegador sea más "correcto", como resultado de lo cual no queda claro cómo escribir sitios web y qué hacer con los que ya creado Naturalmente, si tiene tiempo suficiente, puede reescribir el código HTML de tal manera que cumpla con los nuevos estándares, pero las personas son criaturas perezosas.

Es en este punto que el Doctype HTML resulta serla "invención" más apropiada. Según el tipo de documento que se indique en la parte superior de la página, el navegador seleccionará el mecanismo de representación más apropiado para cada caso. Si no hay ningún Doctype en el HTML, el navegador pasará al modo de compatibilidad (generalmente, pero no necesariamente). Como resultado, el mismo Internet Explorer 6 (incluso si es un archivo, estará inactivo) en ausencia de la etiqueta Doctype se comporta como si estuviera trabajando en su cuarta versión.

doctype html ¿Qué es esto?

Tipos de Doctype

La etiqueta Doctype tiene varias variedades,que se puede dividir en ciertas categorías. Primero, describe los principales tipos de lenguaje de marcado: HTML 4.01, HTML 5, XHTML 1.0 o XHTML 1.1. En segundo lugar, cada uno de estos lenguajes tiene sus propias subsecciones, que apuntan al "coeficiente de búsqueda de fallas", es decir, qué tan rígido es el código HTML establecido por los estándares del W3C. Es cierto que, en el segundo caso, hay dos excepciones: HTML5 y XHTML 1.1 no tienen ninguna subespecie y solo tienen una forma de Doctype HTML. Pero más sobre esto más tarde ...

Enfoque estricto: Doctype Strict

Si prefiere crear código HTML,correspondiente a cada letra de la ley del validador, un incentivo adicional (además de su propio interés) puede ser el uso de Doctype Strict. Si planea usar XHTML 1.0 más avanzado, entonces la línea con la que comenzará cada elemento debería verse así:

XHTML estricto

Elegir una plantilla de tipo de letra fuerte HTML públicogarantiza que el navegador detecte cualquier desviación del estándar, después de lo cual se ignorará la etiqueta utilizada incorrectamente. En particular, en modo estricto, cualquier etiqueta, ya sea una forma, una imagen u otro elemento, debe ubicarse dentro de las etiquetas de bloque. Si decides prescindir de él, entonces el navegador simplemente no muestra este elemento, y una lista de errores de diseño se completará con un par de entradas.

Además, una serie de etiquetas que le permiten formatear el texto, también es deseable excluir: el modo estricto implica el uso de CSS.

Enfoque humano: Doctype Transitional

doctype html public
Si el método severo de patrón estricto no eso simplemente se usa para ir en contra de las reglas, siempre existe la posibilidad de recurrir a un tipo más humano de Doctype HTML Public. W3C se ocupó de aquellos que no quieren renunciar a sus hábitos y quieren trabajar en condiciones más leves mediante la creación de una plantilla de Transición que representa un modelo de transición del enfoque de validación. Esta plantilla le da la oportunidad de permitirse libremente algunas libertades, como las etiquetas que están prohibidas por Strict-template, así como muchos otros enfoques de diseño que no han perdido relevancia desde finales de los 90.

"Soft" Doctype HTML 4 se declara de la siguiente manera:

Para XHTML, la línea nuevamente se ve un poco diferente, pero la tendencia general permanece:

XHTML Transitional
Hasta la fecha, a pesar del hecho de que cadael codificador intenta hacer coincidir la plantilla estricta, es el tipo de conexión de transición más popular. Sin embargo, esta plantilla tiene una limitación condicional: el validador "rechazará" cualquier página en la que haya marcos. Si necesita recurrir a este método de diseño, debe prestar atención a lo siguiente: la última plantilla.

De general a específico: Doctype Frameset

Enfoque para verificar la página para el cumplimientotemplate Frameset es generalmente similar al de Transitional, sin embargo, además de las "libertades" anteriores, esta plantilla le da la posibilidad de usar frames. Frameset no tiene otras diferencias, por lo que solo resta enumerar las líneas para anuncios, para HTML 4.01 y para XHTML 1.0:

XHTML Frameset

Al borde del progreso

doctype html public w3c
Naturalmente, habiendo mencionado al principio de este artículo, todoganando popularidad HTML5 estándar, no pudimos ignorar este lenguaje de marcado. Es curioso que W3C considere que esta versión de HTML es la principal, por lo que Doctype HTML 5 parece bastante modesto. En otras palabras, esta definición de tipo significa que el navegador necesita trabajar con HTML "limpio", que HTML5 se considera hoy en día, mientras que la cuarta versión, que es habitual para muchos, se considera potencialmente obsoleta.

Otras variedades de Doctype

Hasta la fecha, hay varios másvariedades de plantillas Doctype, la mayoría de las cuales se refieren a XHTML. Si bien la segunda versión de este lenguaje de marcado nunca salió a la luz, formando parte del HTML5 mencionado anteriormente, las variaciones de su primera versión, a pesar de no tener la mayor prevalencia, están vivas y en buen estado.

doctype html 4

¿Es importante Doctype?

Quizás algunos "escritores" novatos en HTMLintentará ignorar la declaración del tipo de página. Bueno, si no sacaron información importante de lo anterior, demos un ejemplo simple. Aquí hay un ejemplo de una página que usa la plantilla de Transición:

doctype html 5
Todo se ve como debería ser para un diseñador, pero tenemos que "mezclar" Doctype, y obtenemos lo siguiente:

doctype en html
Como puede ver, la página ha sufrido importantescambios: la imagen de fondo desapareció, el menú se convirtió en una lista mutilada, algunas clases de CSS simplemente se ignoran, además, la página tiene una segunda barra de desplazamiento.

Esperamos que este ejemplo esté suficientemente disponibleexplica la importancia de lo anterior, por lo que solo debemos estar alertas o, idealmente, aprender a escribir código que pase una validación estricta. ¡Buena suerte para ti!

</ p>