Este artigo explica sistematicamente os elementos doctype. Ao mesmo tempo, muitas informações foram verificadas. Como as informações sobre a internet são bastante confusas, eu as redefinei após a coleta e a classificação. Por exemplo, a definição do elemento doctype é dividida principalmente em conhecimento básico e conhecimento avançado. O conhecimento básico explica o conhecimento básico da Doctype. Muito conhecimento avançado vem da Internet, principalmente algumas técnicas práticas.
Doctype é a abreviação do tipo de documento. O elemento <! Doctype> é usado para declarar a declaração de tipo de documento de uma página (DTD). Essa declaração de elemento está localizada na frente do documento e está antes da tag <html>. Ao confirmar o DTD da página, você também pode determinar qual especificação W3C (como especificação HTML ou XHTML) usa a página.
A tradução correta da especificação W3C deve ser recomendada para W3C (recomendações W3C). Aos olhos de muitos designers, o W3C é o padrão. No entanto, muitas pessoas têm apenas um pouco de entendimento. O seguinte está listado na especificação HTML e na especificação XHTML na especificação W3C atual. Explicaremos a relação entre HTML e XHTML mais tarde:
| especificação | recomendar |
HTML 3.2 | 14 de janeiro de 1997 |
HTML 4.0 | 24 de maio de 1998 |
HTML 4.01 | 24 de dezembro de 1999 |
| especificação | Rascunho/proposta | recomendar |
Xhtml 1.0 | 26 de janeiro de 2000 | |
REVISÃO XHTML 1.0 | 1 de agosto de 2002 | |
XHTML 1.1 | 31 de maio de 2001 | |
Módulos XHTML | 10 de abril de 2001 | |
Módulos XHTML 1.1 | 5 de julho de 2006 | |
XHTML BASIC | 19 de dezembro de 2000 | |
XHTML BASIC 1.1 | 5 de julho de 2006 | |
Eventos XHTML | 14 de outubro de 2003 | |
XHTML Eventos 2 | 16 de fevereiro de 2007 | |
XHTML IMPRESSÃO | 20 de setembro de 2006 | |
Tipos de mídia xhtml | 1 de agosto de 2002 | |
Xforms 1.0 | 14 de outubro de 2003 | |
XForms 1.0 (SE) | 14 de março de 2006 | |
Xforms 1.1 | 22 de fevereiro de 2007 | |
Xhtml 2.0 | 26 de julho de 2006 | |
Xlink | 27 de junho de 2001 | |
Hlink | 13 de setembro de 2002 |
O XHTML pode ser considerado como a mais recente especificação HTML e é um aplicativo XML que pode ser migrado suavemente do HTML 4.01. A primeira etapa no W3C refatorando HTML 4.01 em XML levou ao nascimento de XHTML 1.0. O XHTML 1.0 depende da semântica fornecida pelas tags HTML 4.01.
O arquivo da página declara DTDs diferentes através do elemento <doctype> para informar ao navegador que html ou xhtml especificações com a qual a página atual está em conformidade. Os seguintes lista apenas os DTDs relacionados às especificações HTML4.01 e XHTML1.0:
HTML 4.01 Especifica três tipos de documentos: rigoroso, transitório e de quadros.
Se você precisar de marcações limpas para evitar confusão nas camadas de apresentação, use esse tipo. Por favor, use -o com folhas de estilo em cascata (CSS):
<!
http://www.w3.org/tr/html4/strict.dtd>
O DTD de transição pode conter propriedades e elementos de renderização que o W3C espera se mover para a folha de estilo. Use esse tipo se seus leitores usarem navegadores que não suportam folhas de estilo em cascata (CSS) para que você precise usar o recurso de renderização do HTML:
<!
http://www.w3.org/tr/html4/loose.dtd>
O DTD do FrameSet deve ser usado para documentos com quadros. Exceto pelo elemento de quadros que substitui o elemento corporal, o FrameSet DTD é equivalente ao DTD de transição:
<!
http://www.w3.org/tr/html4/frameset.dtd>
XHTML 1.0 Especifica três tipos de documentos XML: rigoroso, transitório e de quadros.
Se você precisar de marcações limpas para evitar confusão nas camadas de apresentação, use esse tipo. Por favor, use -o com folhas de estilo em cascata (CSS):
<! Doctype html
Público -// w3c // dtd xhtml 1.0 rigoroso // pt
http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
O DTD de transição pode conter propriedades e elementos de renderização que o W3C espera se mover para a folha de estilo. Use esse tipo se seus leitores usarem navegadores que não suportam folhas de estilo em cascata (CSS) para que você precise usar o recurso de renderização do XHTML:
<! Doctype html
Público -// w3c // dtd xhtml 1.0 transitório // pt
http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
Use este DTD quando quiser usar uma estrutura!
<! Doctype html
Público -// w3c // dtd xhtml 1.0 quadteset // pt
http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd>
HTML Registro de disponibilidade de elementos de nível superior // Organização // TIPA TAGS // URL de linguagem de definição
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. O padrão é html.
Disponibilidade: especifica se o Identificador Público Oficial (FPI) é um recurso de objeto ou sistema acessível ao público. O valor pode ser público ou sistema.Public. Representa um objeto de acesso público. O sistema representa um recurso do sistema, como um arquivo local ou um URL.
Registro: especifique se a organização está registrada pela Organização Internacional de Padronização (ISO).
+ é o padrão, indicando que o nome da organização está registrado.
- significa que o nome da organização não está 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 é um IETF. W3C é W3C.
Tipo: especifica a classe de texto público, ou seja, o tipo de objeto referenciado. O 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. O padrão é 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.
Se você deseja verificar se o conteúdo da sua página atende aos padrões declarados no Doctype, você pode usar a ferramenta de verificação fornecida pelo W3C:
http://validator.w3.org/
Os navegadores modernos incluem diferentes modos de renderização, com o objetivo de apoiar as páginas da Web que seguem os padrões W3C 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.
Em teoria, essa deve ser uma mudança muito intuitiva. Se o elemento <! Doctype> da página apontar para os padrões de conformidade da página (como XHTML1.0), 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. Mas haverá as seguintes situações:
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.
O navegador é muito sensível à forma e formato da Declaração Doctype. Se um doctype com o formulário errado não puder ser reconhecido, ele o forçará a entrar no modo Quirks (é recomendável 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.
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.
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.
1. Imediatamente após a declaração de Doctype acima está uma declaração de namespace xhtml, colocada no elemento aprimorado <html>, escrito como:
<html xmlns = http: //www.w3.org/1999/xhtml>
2. Como a página XHTML 1.0 é um documento XML legal, e o XML é sensível ao minúsculo a tags e atributos, por uma questão de simplicidade, todas as tags e atributos nas páginas XHTML 1.0 devem ser minúsculas.
Algumas ferramentas gratuitas, como o HTML Tidy (http://tidy.sourceforge.net/), podem ajudá -lo a converter automaticamente tags e atributos para o minúsculo.
3. Declare o idioma usado na página adicionando um elemento <mEta> ao elemento <head>.
<meta http-equiv = content-type content = text/html; charset = gbk />
4. Em xhtml, todos os atributos devem ser citados.
Algumas ferramentas gratuitas, como HTML Tidy (http://tidy.sourceforge.net/), podem ajudá -lo a colocar automaticamente aspas em todos os atributos.
5. Em xhtml, todas as propriedades devem ter valores.
Não pode ser escrito como no HTML 4.0:
<Tipo de entrada = Nome da caixa de seleção = Valor da camisa = Médio verificado>
E escrever:
<Tipo de entrada = Nome da caixa de seleção = Valor da camisa = Médio verificado = verificado />
6. Em xhtml, todas as tags devem ser fechadas.
Existem duas maneiras de fechar a tag. A tag que contém o conteúdo é fechada usando a etiqueta final e a tag vazia é seguida por um espaço e /. Por exemplo:
<p> Este é aceitável html e também é válido xhtml. </p>
<img src = logo.gif />
7. Não use - no conteúdo do comentário.
- Ele só pode ser usado no início e no final de um comentário xhtml e não pode aparecer no conteúdo de um comentário. Os seguintes métodos de escrita não são permitidos:
<!-inválido-e também o separador clássico abaixo. ->
<! ---------------------------------->
8. HTML codifica todos os símbolos especiais.
As três especificações do W3C, XHTML/CSS/DOM formam um sistema completo e rigoroso. Eu chamo essas três especificações de encarnação do deus da Trindade no mundo da web. Essas três especificações representam as três partes da estrutura, apresentação e comportamento da página da web. Divida estritamente as páginas da Web nessas três camadas e tente tornar o conteúdo de cada camada independente um do outro, o que ajudará a melhorar a reutilização e a modularidade da página e reduzirá bastante o custo da produção, manutenção e modificação da página. Para alcançar a hierarquia acima mencionada, o XHTML escrito deve conter apenas tags relacionadas à estrutura (elementos e atributos). Portanto, você deve estar acostumado a usar DTDs do tipo rigoroso e abandonar esses marcadores com significado expressivo o mais rápido possível (esses marcadores não são recomendados na especificação HTML 4.0 e serão completamente descartados em versões após o XHTML); Abandone o antigo método de layout com base em tabelas o mais rápido possível e adote um layout completo do CSS.
"Um guia autoritário para HTML e XHTML", de Chuck Musciano e Bill Kennedy.
"XHTML Tutorial", de Chelsea Valentine e Chris Minnick.
"Site refatoramento", de Jeffrey Zeldman.
Autor: Zhang Ziqiu
Fonte: http://www.cnblogs.com/zhangziqiu/