DOCTYPE HTML - o que é? O que cómpre saber sobre o elemento

Non importa o que os escépticos, o progreso segue sendo un fenómeno que non pode ser detido. Con todo, mentres algúns están indignados movemento prolongada ao xardín lúa, outros están literalmente inmerso en pánico, porque se fai cada vez máis difícil manter-se con os cambios. Un exemplo de tal "catch-up" son os representantes das profesións ligadas á alta tecnoloxía.

Mentres a maioría dos deseñadores web, programadores e codificadores son moito máis adecuado ao espírito do tempo, ao contrario de calquera "Nura Baba", que recibe información da semana de atraso, pero aínda con distorsións considerables, a realidade é un pouco diferente. Corresponden ao nivel de progreso é difícil no ámbito das novas tecnoloxías. Considero un exemplo simple: mesmo algúns 5-10 anos, un creador de xogos online en Adobe Flash podería alcanzar o éxito tanxible, numerosos "Fazendeiro feliz" son proba diso. Con todo, hoxe esta tecnoloxía está gradualmente a desaparecer, dando lugar a un máis moderno, pero menos que a maioría do estudo do HTML5 básico. A propósito, é HTML5, e é un dos "personaxes" de historias de hoxe dedicados a semana HTML-DTP.

DOCTYPE HTML - o que é?

Este monumento ás vítimas dos avances de alta tecnoloxía na tecnoloxía. Precipitación 90-s, que se distinguen non só situación "combate" no noso país, pero tamén bastante unha verdadeira guerra dos navegadores, trouxo ao mundo só algúns produtos que permiten que os usuarios de ordenador para navegar pola World Wide Web. Hai só un problema - popular cando Netscape Navigator e Internet Explorer estaban mirando para a mesma páxina nun completamente diferente, respectivamente, e os creadores do sitio web para crear unha páxinas completamente diferentes para estes programas.

Estándares? Naqueles anos, a falar sobre eles era inútil - W3C existiu na súa infancia, e promover a súa IE Microsoft xeralmente coñecido que preferiu inventar a súa propia, non son compatibles con bicicletas nada. Con todo, a finais da década terrible (para desenvolvedores web), a situación volveu á normalidade despois de todo: había algunha aparencia de normas que, se non totalmente, senón que respectado por todos os navegadores populares.

Con todo, a situación resultou ser tal que as normas do consorcio e os fabricantes de navegadores eran, para dicir o mínimo, non é de todo semellante. Podería facilmente crear un completamente correcto en termos de HTML, CSS e a páxina DOM, pero navegador preferido teimoso mostrou non o que esperaba ver.

Con todo, como o paso do tempo, os desenvolvedores aínda que finalmente decidiu a pensar non só sobre a competencia, pero preto de un webmaster, e apareceu - DOCTYPE HTML. Esta é unha etiqueta especial que informa ao navegador como debe ser considerada unha páxina particular.

O que fai falta no código HTML DOCTYPE?

Antes da chegada dos patróns axeitados, que comezaron a seguir en todas as partes, moitos desenvolvedores de navegadores tentaron tirar o pegada sobre si mesmo, creando os seus propios métodos de aproximación dunha determinada tecnoloxía. Como resultado, unha única e mesma páxina parece en diferentes navegadores en diferentes formas. Con todo, iso nos se dixo, só non mencionar que cando os produtores de programas para navegación web veu ao redor, había outra, non hai problema menos divertido.

Imaxina a situación: - un típico programador web finais dos anos 90. Aconteceu entón que a maior parte do tempo que gasta no navegador Internet Explorer 4. Microsoft decide vir de súpeto a seus sentidos e facer o seu novo navegador é máis "correcta", polo que non está claro como é agora a creación de sitios web e que facer con aqueles que xa teñen creado. Por suposto, se ten tempo suficiente, podería ter que volver escribir o seu código HTML de tal forma que corresponde ás novas normas, senón porque a xente - obras desleixadas.

Foi neste momento DOCTYPE HTML é o máis adecuado "invención". En función do tipo de documento que se especifica no inicio da páxina, o navegador escoller o máis adecuado neste caso o mecanismo de renderización. Se o DOCTYPE no código HTML non está dispoñible, o navegador vai entrar en modo de compatibilidade (normalmente, pero non necesariamente). Como resultado, o mesmo Internet Explorer 6 (mesmo se o ficheiro que descanse en paz) en ausencia de DOCTYPE tag compórtase como se está a traballar na súa cuarta versión.

tipo DOCTYPE

tag DOCTYPE inclúe varias especies que poden ser divididos en determinadas categorías. En primeiro lugar, describe os principais tipos de linguaxe de marcado: HTML 4.01, HTML 5, XHTML 1.0 ou XHTML 1.1. En segundo lugar, cada unha destas linguas ten as súas subseções, apuntando para o "coeficiente de detección de erros" t. E. No; duro a ser establecidos patróns W3C HTML-código. Con todo, no segundo caso, hai dúas excepcións - non HTML5 e XHTML 1.1 non ten subespecies e son só unha forma de DOCTYPE HTML. Pero máis sobre iso máis tarde ...

visión rigorosa: DOCTYPE Strict

Se prefire crear HTML-código correspondente a cada letra do validador lei, o impulso adicional (que non sexa propio interese) sería usar DOCTYPE Strict. Se quere usar o máis avanzado XHTML 1.0, a liña, que comezará cada elemento debe estar así:

Escolla modelo rigoroso Pública DOCTYPE HTML garante que calquera desviación do estándar será observado polo navegador, e logo usou o tag incorrecta é ignorado. En particular, en modo estricto, calquera marca, se é un formulario, imaxe ou outro elemento necesario para ser situado dentro das etiquetas de bloque. Se vostede decide facer sen el, o navegador simplemente non vai amosar este elemento, e deseño da lista de erro cuberto un par de discos.

Ademais, un número de etiquetas que permiten dar formato o texto, tamén é desexable para eliminar - o rigoroso réxime implica o uso de CSS.

visión humana: DOCTYPE Transitional

Un método de modelo rigoroso grave non coincide con vostede ou simplemente acostumado a ir contra as regras, sempre hai a posibilidade de recorrer a un tipo DOCTYPE máis humano HTML Pública. W3C apoderouse daqueles que non queren abandonar os hábitos e desexos de traballar en condicións máis suaves, creando un estándar de Transición representando un enfoque de transición para modelar validación. Este modelo permite que permitir-se libremente algunhas liberdades, como Strict está prohibida, marcas de modelo, así como moitas outras propostas para o deseño, que non está perdido relevancia desde finais dos anos 90.

«Soft» DOCTYPE HTML 4 é declarado como segue:

Para corda XHTML novo parece un pouco diferente, pero a tendencia xeral segue:

Ata a data, a pesar do feito de que cada codificación pretende que o estricto modelo, é un DOCTYPE de transición é o máis popular. Con todo, este modelo ten un límite de crédito: validador "rexeitar" as páxinas que conteñen marcos. Se precisa de recorrer a este esquema método, ten que prestar atención á seguinte - o último modelo.

Desde o xeral para o específico: DOCTYPE FRAMESET

Visión cando as páxinas comprobar o cumprimento do modelo de conxunto de cadros é xeralmente semellante ao da Transición, con todo, máis aló das "liberdades" do anterior, este modelo permite o uso de marcos. Outras diferenzas FRAMESET non ten, polo tanto, só pode liña de transferencia para anuncios, para HTML 4.01 e XHTML 1.0:

Cutting-edge

Por suposto, referíndose ao comezo deste artigo toda a crecente popularidade do estándar HTML5, non poderiamos ignorar a linguaxe de marcado. É divertido que W3C considera a versión HTML básico, polo que é o HTML DOCTYPE 5 parece moi modesto. Noutras palabras, esta definición de tipo é que o navegador que traballar con "pura» HTML, e cales son hoxe considerado o HTML5, mentres familiar para moitos da cuarta versión considérase potencialmente obsoletos.

Outras variedades DOCTYPE

Ata a data, existen diversas variedades de estándares DOCTYPE, a maioría dos cales ven a XHTML. Mentres que a segunda versión da linguaxe de marcado non saíu á luz, tornándose parte do HTML5 anteriormente mencionados, variacións na súa primeira versión, aínda que non sexa a maior prevalencia, vivo e ben.

É DOCTYPE importante?

Pode que algúns novatos "escritores" no HTML vai ignorar o tipo advertisement páxina. Ben, se non aprender información importante de vyshenapisannogo, damos un exemplo simple. Aquí está unha páxina de exemplo que usa Transitional modelo:

Parece que debe ser parecido coa idea do deseño, pero paga a pena nós "confundir" DOCTYPE, e obtemos a seguinte:

Como verás, a páxina sufriu cambios significativos: desbotado fondo, o menú se fixo lista desfigurado, CSS algunhas clases simplemente ignorados, ademais, a páxina "otros" segunda barra de desprazamento.

Esperemos que este exemplo é o suficiente vyshenapisannogo dispoñible explica a importancia, polo tanto, só podemos manter a atención ou, idealmente, aprender a escribir código que pasa rigorosa validación. Boa sorte para ti!