Algumas páginas da web são criadas de acordo com os padrões, mas também existem muitos que não são. Mesmo que você não possa criar páginas da web que sigam os padrões, deseja que o navegador exiba essas páginas corretamente de acordo com os padrões. Atualmente, um grande número de páginas da Web é preenchido com muito código não padrão e eles ainda funcionam corretamente. De fato, a maioria dos códigos projetados para navegadores mais antigos será exibida corretamente em navegadores mais novos (embora possa haver diferenças na forma como é renderizada). Qual é a razão para isso? De fato, seguindo estritamente os padrões mais recentes minarão completamente a base de sobrevivência dessas páginas. Isso certamente é inaceitável para qualquer navegador que queira fazer a diferença.
Modo de renderização do navegador
Os navegadores modernos incluem diferentes modos de renderização, com o objetivo de apoiar as páginas da Web que seguem os padrões e as páginas da Web projetadas para navegadores mais antigos. Entre eles, o modo de padrões (ou seja, modo de apresentação rigoroso) é usado para apresentar páginas da web que seguem os padrões mais recentes, enquanto o modo Quirks (ou seja, modo de apresentação solto ou modo de compatibilidade) é usado para apresentar páginas da web projetadas para navegadores tradicionais. Além disso, observe que o Mozilla/Netscape 6 adicionou um modo de quase padrões para suportar páginas da web projetadas para uma versão mais antiga do padrão.
O que é o Doctype Switch?
A declaração Doctype colocada na parte superior da página da web é a chave para colocar o navegador no modo de renderização correto. O navegador alterna automaticamente para o modo de renderização apropriado para exibir corretamente o tipo de documento especificado pela declaração Doctype.
Em teoria, essa deve ser uma mudança muito intuitiva. Se a Doctype apontar que a página da web atual é um documento que cumpre o padrão (ou seja, html 4+ ou xhtml 1+), o navegador mudará para o modo de padrões. Se o doctype não for especificado ou as versões HTML 3.2 e mais antigas forem especificadas, o navegador mudará para o modo Quirks. Dessa forma, o navegador pode exibir os documentos que seguem os padrões corretamente, sem abandonar completamente as páginas da web à moda antiga que não correspondem aos padrões.
Problema de troca Doctype
No entanto, a troca Doctype é uma solução incompleta. Mesmo se você usar uma declaração Doctype em seu documento da Web, o navegador pode não pegar o modo de renderização que você deseja exibir a página da web. Existem muitos motivos, incluindo o doctype da forma errada e diferentes iniciantes da versão <? Xml = 1.0 coding = utf-8?>), Que inclui a página da web xhtml. No entanto, o IE, a ópera e as versões mais antigas do Safari desejam que a primeira linha do documento seja a declaração Doctype. Portanto, se houver mais alguma coisa antes dela (incluindo XML Prolog), o doctype não será reconhecido. Portanto, a existência do XML Prolog trará IE, Opera e Safari para o modo Quirks. O XML Prolog não é necessário, portanto, você pode omiti -lo com segurança na página da web XHTML. NOTA: Certifique-se de incluir um atributo de charset na metatag http-equiv para compensar o atributo de codificação ausente no xml prolog.
URL ausente ou URL relativo:
Na declaração Doctype completa, inclua o URL do arquivo de definição de tipo de documento correspondente (DTD). Se o URL for perdido, ou se for especificado, um caminho relativo (em vez de um endereço da Internet totalmente qualificado), a maioria dos navegadores entrará no modo Quirks, independentemente do modo especificado pela declaração Doctype.
Doctype de forma errada:
O navegador é muito sensível à forma e formato da Declaração Doctype e, se um formulário incorreto Doctype não puder ser reconhecido, ele forçará o modo Quirks (por esse motivo, recomendamos copiar e colar um Doctype correto conhecido no documento em vez de digitá -lo pessoalmente). Um motivo comum para o erro do formulário Doctype é que está faltando um espaço entre a primeira parte do Doctype e o URL. Desmaiar um doctype dividido em duas linhas em uma única linha, e esse espaço geralmente será perdido.
O período de transição Doctype:
Quando um navegador lida com o período de transição Doctype, é mais provável que tenha problemas inconsistentes. Ou seja, o modo de padrões de uso da ópera; Netscape 6 e mais velhas versões do Safari usam o modo Quirks; Netscape 7, Mozilla 1 e versões mais recentes do Safari usam o modo de quase padrões do Netscape, que é uma versão melhor tolerante a falhas do modo de padrões.
Doctype desconhecido:
Também há inconsistência quando o navegador lida com Doctypes não reconhecidos. IE e Opera entrarão no modo de padrões; Em outras palavras, assume que o Doctype não reconhecido é um novo padrão que não foi integrado no navegador. Pelo contrário, o Netscape 6 mudará para o modo Quirks ao encontrar docttypes não reconhecidos.
A troca Doctype pode ser um meio eficaz para fazer com que o navegador insira o modo de renderização correto e exiba a página da web corretamente, desde que você note inconsistências em vários navegadores e possa evitar ativamente vários problemas.
2. Use a declaração Doctype corretaPodemos ignorar isso ao fazer páginas (inclusive eu, geralmente tenho preguiça de não escrever e usar o padrão do navegador). Com a chegada da mania atual para a padronização da codificação da página da web, é necessário que todos entendam esse detalhe, o que será útil. Como diz o ditado, não há ordem sem regras.
Embora a maioria dos documentos da Web tenha declarações doctype no topo, muitas pessoas não estão prestando atenção a ele. É um dos muitos detalhes que são desleixados pelo software de autoria da Web quando você cria um novo documento. Embora a Doctype seja ignorada por muitos, é um elemento necessário em qualquer documento da web que siga os padrões. A Doctype afeta a verificação do código e determina como o navegador exibe sua documentação da Web.
O papel do doctype
A declaração Doctype aponta quais conjuntos de regra devem ser usados pelo leitor para interpretar as tags no documento. No caso de documentos da Web, o programa de leitura geralmente é um programa como um navegador ou um dispositivo de verificação, e as regras são as regras contidas em uma definição de tipo de documento (DTD) publicada pelo W3C.
Cada DTD inclui uma série de tags, atributos e propriedades usadas para marcar o conteúdo de um documento da Web; e também inclui regras que especificam quais tags podem aparecer em quais outras tags. Cada padrão sugerido pela Web (como HTML 4 FrameSet e XHTML 1.0 Transitional) tem seu próprio DTD. Se as tags no documento não seguirem o DTD especificado pela declaração Doctype, o documento não poderá ser exibido corretamente no navegador, além de não passar a verificação do código. O navegador é mais tolerante que o dispositivo de verificação para o problema de marcas inconsistentes. No entanto, as declarações Doctype incorretas geralmente fazem com que as páginas da Web sejam exibidas incorretamente ou fazem com que elas não sejam exibidas.
Selecione o doctype correto
Para obter a declaração Doctype correta, a chave é fazer com que o DTD corresponda aos padrões que o documento segue. Por exemplo, supondo que o documento siga o padrão XHTML 1.0 Strict, a declaração Doctype do documento deve se referir ao DTD correspondente. Por outro lado, é inapropriado se a declaração de Doctype especificar o XHTML DTD, mas o documento contém tags html antigas; Da mesma forma, também é inapropriado se a declaração de Doctype especificar HTML DTD, mas o documento contém tags XHTML 1.0.
Às vezes, você não pode usar uma declaração doctype. Se nenhuma declaração Doctype válida for especificada, a maioria dos navegadores usará um DTD padrão interno. Nesse caso, o navegador usará o DTD interno para tentar exibir a tag especificada. Para alguns documentos temporários e apressados (existem muitos deles), você pode realmente considerar omitir a declaração Doctype e aceitar a tela padrão do navegador.
É inteiramente possível escrever uma declaração Doctype do zero e deixá -la apontar para um DTD de sua escolha. No entanto, como a maioria dos documentos da Web precisa seguir um padrão da Web reconhecido internacionalmente publicado pelo W3C, esses documentos geralmente contêm uma das seguintes declarações padrão da Doctype:
HTML 2: <!
HTML 3.2: <!
Html 4.01 Estrito: <!
HTML 4.01 Transição: <!
HTML 4.01 FrameSet: <!
Xhtml 1.0 Estrito: <!
XHTML 1.0 Transição: <!
XHTML 1.0 FrameSet: <!
XHTML 1.1: <!
Xhtml 1.1 mais mathml mais SVG: <!
Além da declaração Doctype listada acima, alguns documentos com requisitos especiais usam várias outras declarações.
A declaração Doctype é geralmente a primeira linha do documento, antes da tag <html> e outro conteúdo do documento. Observe que no documento XHTML, uma instrução de processamento XML (também conhecida como XML Prolog) aparece ocasionalmente em frente ao Doctype: <? XML versão = 1.0 Encoding = UTF-8?>
Para garantir que a página da Web seja exibida corretamente e passa a verificação sem problemas, o uso do doctype correto é fundamental. Doctypes que são opostos, incorretos ou incorretos em forma são os culpados de um grande número de problemas.
Ao projetar uma página da Web com DW, crie um novo arquivo e veja que sempre há algo abaixo na frente do código.
<! Doctype html public -// w3c // dtd html 4.01 transitória // en http://www.w3.org/tr/html4/loose.dtd> Isso é dw que adiciona automaticamente informações de arquivo de página da web à página de arquivo, que podem ser delicadas. Após a exclusão, o navegador usará o DTD padrão.
3. Que tipo de documentidade escolher
Quando você começa a criar um site que atenda aos padrões, a primeira coisa que você faz é declarar um doctype que atende às suas necessidades.
Verifique o código original desta página e você poderá ver que a primeira linha é: <!
Abra alguns sites que atendem aos padrões, como o site pessoal do famoso desenvolvedor de software da Web Design Macromedia e Design Master Zeldman, e você encontrará o mesmo código. O código para outros sites que atendem aos padrões (como K10K.NET) é o seguinte:
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd>!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> br>. O código completo é o seguinte:
<! Doctype html public -// w3c // dtd xhtml 1.0 transitório // em http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtddrg/mats html/xhtml1-strict.dtds http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd>
Que tipo de doctype devemos escolher
A situação ideal é obviamente um DTD rigoroso, mas para a maioria de nós, designers que são novos nos padrões da Web, a transição DTD (XHTML 1.0 Transitional) é atualmente uma escolha ideal (incluindo este site, que também usa DTD de transição). Como este DTD também nos permite usar a identidade, elementos e atributos da camada de apresentação, também é mais fácil passar a verificação do código W3C. Nota: O logotipo e os atributos da camada de apresentação mencionados acima se referem às tags que são puramente usadas para controlar o desempenho, como tabelas para digitar as marcas de cores, etc. No XHTML, a identidade é usada para representar estruturas, para não implementar expressões. Nossa transição é finalmente separar dados e representações.
Por exemplo: um modelo nu muda de roupa. Os modelos são como dados, e as roupas são manifestadas em forma, e modelos e roupas são separados, para que você possa trocar de roupa à vontade. Acontece que no HTML4, os dados e o desempenho são misturados e é muito difícil alterar a forma de expressão ao mesmo tempo. Haha, é um pouco abstrato e precisamos entender gradualmente esse conceito durante o processo de inscrição.
Reabastecer
As declarações da Doctype devem ser colocadas no topo de cada documento XHTML, acima de tudo, código e identidades.
4. É assim que o oficial define o público HTML HTML! Doctype
----------------------------------------------------------------------------------
Especifica a definição de tipo de documento (DTD) que o documento HTML segue.
Novo na Microsoft? Internet Explorer 6. Você pode usar esta instrução para alternar o Internet Explorer 6 e posteriormente para o modo de compatibilidade padrão.
gramática
HTML Registro de disponibilidade de elementos de nível superior // Organização // TIPA TAGS // URL de linguagem de definição
Valores possíveis
Elemento de nível superior: especifica o tipo de elemento de nível superior declarado em DTD. Isso corresponde ao tipo de documento SGML declarado. Padrão HTML. Html.
Disponibilidade: especifica se o Identificador Público Oficial (FPI) é um recurso de objeto ou sistema acessível ao público. Padrão público. Objeto publicamente acessível. Recursos do sistema do sistema, como arquivos locais ou URLs.
Registro: especifique se a organização está registrada pela Organização Internacional de Padronização (ISO). + Padrão. Nome da organização registrado. - Nome da organização não registrado. A Força -Tarefa de Engenharia da Internet (IETF) e a World Wide Web Association (W3C) não são organizações ISO registradas.
Organização: Especifica o nome do grupo ou organização que indica a criação e manutenção do DTD referenciado pela Declaração Doctype, a saber, o próprio ADERID. IETF IETF. W3C W3C.
Tipo: especifica a classe de texto público, ou seja, o tipo de objeto referenciado. DTD Padrão. Dtd.
Tag: especifica uma descrição do texto público, ou seja, um nome descritivo exclusivo para o texto público citado. O número da versão pode ser incluído posteriormente. Padrão HTML. Html.
Definição: especifique a definição do tipo de documento. Documentação do quadro de quadros. O rigoroso exclui todos os atributos e elementos representativos que os especialistas do W3C desejam eliminar, porque as folhas de estilo já são perfeitas. A transição contém todos os conteúdos, exceto o elemento de quadros.
Idioma: especifica uma linguagem de texto público, ou seja, um sistema de codificação de linguagem natural usado para criar o objeto referenciado. A definição de idioma foi escrita como Código de Idiomas ISO 639 (capital duas letras). EN PADRÃO. Inglês.
URL: Especifica a localização do objeto referenciado.
Comentários
Esta declaração deve aparecer no início do documento, antes da tag HTML.
! O elemento doctype não precisa fechar a tag.
Este elemento está disponível no HTML para a Microsoft? Internet Explorer 3.0.
Você pode usar esta declaração para alternar para o modo de compatibilidade padrão rigoroso no Internet Explorer 6 e posteriormente. Para ativar esse interruptor, inclua a declaração Doctype no topo do seu documento, especificando uma etiqueta legal na declaração e, em alguns casos, também são necessários uma definição e/ou URL.
Nota No modo de compatibilidade padrão, a compatibilidade com outras versões do Internet Explorer não pode ser garantida. Quando o modo de compatibilidade padrão é ativado, o comportamento de renderização do documento pode ser diferente do de uma versão futura do Internet Explorer. Se o conteúdo for corrigido originalmente (como queimado em um CD), esse modo não deve ser usado.
Exemplo
O exemplo a seguir demonstra como usar! Declarações Doctype especificam o DTD ao qual o documento cumpre e troca Internet Explorer 6 e posteriormente para o modo de compatibilidade padrão. As declarações nos exemplos a seguir especificam a conformidade HTML 4.0 DTD. A segunda declaração especifica rigorosa. A primeira declaração não é especificada. Ambas as instruções alternarão o Internet Explorer 6 e posteriormente para o modo de compatibilidade padrão.
<!
<!
As declarações nos exemplos a seguir especificam a conformidade com o DTD com a transição. A segunda declaração especifica o URL do DTD. A primeira declaração não é especificada. A segunda instrução alternará o Internet Explorer 6 e posteriormente para o modo de compatibilidade padrão. A primeira declaração não será.
<!
<!
http://www.w3.org/tr/html4/loose.dtd>