Anatomia de um documento XHTMLA transição de HTML para XHTML virá com um número considerável de colisões. Enquanto capítulos posteriores introduzir novas ferramentas para ajudar você a superar aquelas colisões - e descobrir de onde vêm - este capítulo examina o que vai mudar e demonstra algumas estratégias para lidar com essas mudanças. Ao longo do caminho, nós visitamos os fantasmas de navegadores passado e explorar os problemas que existem nos navegadores atuais. Por sua vez, você descobre como preparados e despreparados são várias ferramentas para XHTML. NotaAlgumas das soluções abordadas neste capítulo aplicar ferramentas descritas em mais pormenor nos capítulos posteriores - nomeadamente os DTDs XHTML e Cascading Style Sheets. Se você encontrar problemas que você não entende, mantê-los na mente e estudar os capítulos que descrevem as questões mais de perto quando você começa a eles. As etapas descritas neste capítulo são mais importantes para estabelecer o contexto em que você usar certas tecnologias que para explicar essas tecnologias. Um documento HTML inicialO documento seguinte, que eu uso como um caso de teste, não é um documento HTML comum. Ele foi projetado para conter alguns dos graves "truques" que envolvem conversões para XHTML. É mais ou menos um cenário pior, embora o seu conteúdo não são incomuns. (É um pouco mais sem sentido do que é habitual, mas bastante comum em contrário.) Este documento único produz cinco derivados, representando os diferentes caminhos para XHTML conformidade. O documento seguinte é razoavelmente pequena, mas contém uma série de problemas em um espaço pequeno:
Copyright 2000 pelo HTML Wacki Writer
Duas viasEnquanto o HTML inicial não é de forma incrivelmente ruim, ele usa o elemento FONT - um elemento preterido que a W3C está tentando erradicar e substituir com Cascading Style Sheets (CSS). Web designers têm duas opções para lidar com essa mudança. A primeira abordagem usa XHTML 1.0 's DTD transição para evitar esta complicação totalmente, enquanto o segundo morde a bala e faz algumas mudanças mais estruturais para ajustar o documento para o DTD estrito. Enquanto a primeira abordagem é mais simples no curto prazo, pode significar mais trabalho depois. A segunda abordagem tem mais de um custo inicial - e pode significar que você gastar um tempo considerável labutando documentos mais complexos - mas deve ser mais estável e mais gerenciáveis no longo prazo. Há também um número de casos em que XHTML oferece múltiplas abordagens para resolver o mesmo problema. Vamos aproveitar o fato de que estamos criando duas versões diferentes do documento XHTML. As duas versões vai testar duas estratégias para manter o sinal <no script de causar problemas em navegadores e parsers XML. (Nem funciona especialmente bem nos navegadores HTML, como ele sair.) Iremos também colocar cada estratégia através de dois diferentes fases de desenvolvimento. A primeira fase mantém todos os recursos usados por um documento (como scripts e folhas de estilo) dentro do documento, enquanto a segunda fase move esses recursos para arquivos separados. Remédio 1: O DTD transitórias e Seções CDATAUsando o DTD de transição, é possível preservar a formatação utilizada no documento - principalmente o título, grande azul - sem ter que mudar a estrutura geral todos os documentos de forma significativa. Embora este documento é simples o suficiente para que as alterações não são tão difíceis (como mostrado na abordagem segundo), mais documentos complexos exigem um enorme investimento de tempo para convertê-los para o DTD estrito. Para começar, você precisa adicionar a declaração DOCTYPE para o início do seu documento. (Você pode adicionar a declaração de XML, mas deixo isso para a segunda abordagem. Para o DTD de transição, que significa: Isto identifica o documento como usar o DTD XHTML 1,0 transitórias do W3C, que permite validar parsers XML para verificar o documento com base nas declarações formais que ele contém. A abertura marca HTML precisa de várias mudanças. Primeiro, você deve alterá-lo em minúsculas, em segundo lugar, você deve incluir um atributo que declara o namespace XHTML pelo seu conteúdo (como descrito no artigo 4). A nova versão tem esta aparência: Você precisa alterar as tags para a cabeça e elementos do título para minúsculas, bem como alterar o título para refletir a nova identidade do documento:
O elemento script apresenta um problema maior. Ele contém os caracteres proibidos <, que precisa ser escapado para passar um analisador XML. Para isso acontecer, use uma seção CDATA para marcar o conteúdo da (agora minúsculas) elemento script. Isso permite que os caracteres <,>, & e apareça em qualquer lugar dentro de um script. (Se a seqüência]]> parece, é preciso quebrá-lo com um espaço como]]>.) O elemento script também precisa ter um tipo de atributo adicionado a ele. O W3C apóia o atributo de idioma, mas insiste em um atributo tipo com um tipo de conteúdo MIME identificar a linguagem de script também. O elemento script está dentro do elemento de cabeça, de modo a seção CDATA não deve causar problemas com display - embora possa fazer Browser Scripting motores avaria. DicaUm outro truque que pode ajudá-lo a evitar problemas com <em scripts é a reformulação expressões como i <10-10> I. Parsers XML podem aumentar alertas quando se deparam com o símbolo>, no entanto. O corpo do documento apresenta alguns problemas mais complicados. Porque você está usando o DTD de transição, você pode manter o atributo bgcolor (coloque em letras minúsculas, é claro) sobre o elemento do corpo. No entanto, você tem que adicionar aspas: O título é o próximo desafio. O DTD apoio transitório a fonte e os elementos de B, mas é preciso reorganizá-los para que se aninham corretamente. Você também precisa armazenar esses elementos em um elemento higherlevel. O elemento p serve muito bem, embora você também pode usar o elemento div. Também vamos alterar o valor do atributo tamanho de 6, porque estes são supostos ser expressa como um intervalo de 1 a 7, não como um tamanho de ponto:
Mais uma vez, alterar o título para que ele descreve mais precisamente o conteúdo da página. O próximo elemento, o parágrafo primeiro, inclui uma âncora com o atributo NAME. Minúsculas isso e depois completá-lo com um atributo id. O elemento p também precisa de uma tag de fechamento no final do parágrafo.
(Sim, o texto alterado novamente.) O parágrafo seguinte só precisa que você faça o seu elemento P em um p minúsculo e dar-lhe uma marca de fechamento:
Você precisa colocar os itens da lista abaixo em letras minúsculas, dar-lhes o fim das tags, e colocá-los em algum tipo de lista de elementos - ul, para lista ordenada, parece mais adequado. O elemento br após o primeiro item da lista é necessária para que você possa removê-lo.
A utilização de javascript em atributos href não é recomendada, mas você pode deixá-lo por agora, uma vez que não é expressamente proibido (embora você alterá-lo na segunda abordagem). A próxima linha inclui também uma URL, desta vez com "e" comercial. O processo de limpeza precisa substituí-los por &. O último elemento da lista é mais fina, embora careça de uma marca de fim. Você deve fechar o elemento ul assim: No final, você tem um parágrafo que contém uma quebra de linha. Você precisa adicionar uma tag de fechamento para o elemento p e tornar o elemento br em uma tag vazia em vez de apenas uma tag de início:
Finalmente, você deve converter as tags de fechamento do Corpo e elementos HTML em minúsculas para coincidir com as tags de início: Isso completa a versão limpa-up:
Copyright 2000 pelo HTML Wacki Writer Para testá-lo, enviá-lo para HTML do W3C Validation Service em http://validator.w3.org/. O exemplo um pouco mais, removendo o script do documento e armazená-lo em um arquivo externo. Isto permite-lhe se livrar da seção CDATA desde arquivos de script não tem que ser XML. As referências novo elemento script o arquivo de código usando o atributo src e olha como esta: Embora seja uma prática aceitável XML para usar uma tag vazia, em vez da abertura e fechamento, a maioria dos navegadores não reconhecem que a abordagem e tentar tratar o restante do documento como um script. O script entra em um arquivo chamado mycode.js: presentCount function () (contador = ""; for (i = 0; i <10; i + +) (contador = contador + "" + i;) alert (contador);) o documento como um todo, agora, lê-se:
Copyright 2000 pelo HTML Wacki Writer Remédio 2: DTD Strict A Entidade e substituiçãoXHTML Enquanto os arquivos produzidos com a primeira abordagem são válidos, um pouco mais de trabalho pode produzir documentos que são mais fáceis de gerir no longo prazo. Isso requer uma tomada de mais algumas mudanças estruturais para o documento e acrescentando algumas informações cascading style sheets. Em sua primeira passagem, você converter o documento para o DTD HTML 4.01 estrito sem se preocupar com XHTML. Então você convertê-lo para XML de duas maneiras ligeiramente diferentes. Você também pode tentar uma abordagem diferente no scripts na primeira passagem XML - uma que funciona bem em processadores XML, mas que ainda falha na maior parte dos processadores de HTML. um artigo submetido por Albert Lichtblau Isenção de responsabilidade:O nosso site não se responsabiliza pelo conteúdo deste artigo. Webarticles é uma fonte de informação livre. Importante: Este artigo "Anatomia de um documento XHTML" foi traduzida por um software automático. Nós sentimos muito por quaisquer erros de ortografia que pode ter ocorrido. Obrigado pela sua compreensão.
|
|||||
| Online: 508 users browsing the articles directory |
|
|