A conversão para HTML, XHTML estrito

Conversão para HTML estritaVocê começa por declarar sua intenção de utilizar o HTML DTD estrito 4,01 por colocar a declaração DOCTYPE apropriado no cabeçalho do documento:



			
  

Agora, a primeira seção do documento, incluindo a marca de abertura do elemento HTML e HEAD e seu conteúdo, é muito bem à excepção de uma linha. O elemento SCRIPT não suporta mais um atributo LANGUAGE - em vez disso, um tipo de atributo que contém um identificador de conteúdo MIME (text / javascript) para que o script é necessário:

 Non-XHTML Strict HTML 

HTML porque esta ainda é regular e não XHTML, o sinal <e os nomes dos elementos em maiúsculas no script estão bem. Quando você ler o começo do corpo e sim o título, porém, você deve notar um problema. O atributo bgcolor do elemento corpo não é suportado pelo DTD estrita e nem é a fonte [GSL1] elemento utilizado para o título. Existem duas maneiras de lidar com este problema. A primeira abordagem simplesmente transfere as informações de formatação para um lugar diferente dentro dos elementos em causa - o atributo STYLE. Esta abordagem, chamada In-Line estilo, é mais de uma solução rápida. Ele resolve o problema imediato de preservar a formatação, mas não tornar o documento mais gerenciável, a longo prazo. A marca novo começo corpo e olhar título como este:

Non-XHTML Strict HTML

A segunda solução separa as informações de estilo do elemento de marcação completamente, colocando-o em seu próprio lugar dentro do elemento do documento cabeça. Isso requer duas etapas. Primeiro, você limpar os elementos usando um elemento H1 no lugar do elemento P (afinal, este é um título):

XHTML Strict - Fase 1

Em seguida, você adiciona um elemento de estilo para o elemento principal do documento, contendo as informações de formatação mesma que aparece nos atributos de estilo. O elemento de estilo usa cascading style sheets sintaxe para identificar os elementos dos quais a formatação é aplicada e descrever a formatação:

Porque a informação hoje é armazenado no início do documento em um elemento de estilo, você pode usar elementos que a formatação em qualquer lugar no documento. Embora você possa ter apenas um elemento H1 em um determinado documento, não é incomum para um documento que tem muitas cópias de títulos de nível inferior ou outros componentes. Como demonstra a fase 2, esta abordagem também permite armazenar informações de estilo em um formulário que pode ser compartilhada entre vários documentos. Isto torna mais fácil para definir e modificar um olhar para um conjunto de documentos. Os próximos parágrafos são muito bem como estão.

Este documento é aberto na maioria dos navegadores HTML, mas não é definitivamente XHTML.

A limpeza não deve causar muitos problemas, nós esperamos. Os elementos LI da lista precisam ser contidos dentro de um elemento UL. Agora é hora de mudar a abordagem utilizada pelo link que chama o script. Você deixou o javascript nos atributos href na outra abordagem, mas você alterá-lo aqui. Primeiro você usa um elemento span para substituir o elemento de uma, e usar o atributo onclick para capturar o evento.

  • Clique em mim para a contagem!

Dica Para obter uma explicação do porquê do uso do javascript é desencorajado, consulte http://lists.w3.org/Archives/Public/www-html/2000Feb/0039.html. Embora o caso é misturado nos próximos poucos elementos LI e seu conteúdo , estes elementos exigem poucas alterações. É necessário substituir o "e" comercial na cadeia de consulta no link com o & entidade, e você precisa adicionar uma tag UL fechamento.

  • Clique aqui para uma consulta!
  • Clique aqui para uma descrição da página
  • O restante do documento é aceitável, é:

     

    Copyright 2000 pelo HTML Wacki Writer
    Todos os direitos reservados. O documento como um todo agora se parece com esta: Non-XHTML Strict HTML

    Non-Strict XHTML HTML

    Este documento é aberto na maioria dos navegadores HTML, mas não é definitivamente XHTML.

    A limpeza não deve causar muitos problemas, nós esperamos.

    Copyright 2000 pelo HTML Wacki Writer
    Todos os direitos reservados.

    Convertendo para XHTML estritoA conversão para HTML estrita faz um monte de simplificar o processo de conversão para XHTML, mas ainda há muito a fazer. Para começar, você usa a declaração XML e uma declaração DOCTYPE diferentes no topo deste documento. A declaração XML permite que você declare a codificação do documento (que você faz novamente no elemento de cabeça) e da versão do XML utilizada, enquanto a declaração DOCTYPE diz processadores que este documento irá seguir as regras do DTD XHTML estrito:

    
       

    Mais uma vez, o elemento HTML precisa de alguma modificação: tornando minúsculas. Aproveite a oportunidade para acrescentar algumas informações sobre a linguagem este documento usa (Inglês) e fazê-lo usando o HTML oldstyle atributo lang e xml XHTML: atributo lang.

    O elemento cabeça fica alguma informação extra também. Enquanto este aditamento não é necessário para satisfazer as demandas da DTD estrita, não faz sentido no contexto da abordagem rigorosa e proporciona a identificação de codificação utilizada neste documento para browsers HTML:

     XHTML Strict - Fase 1 

    Você pode experimentar com o elemento script neste documento usando uma entidade de caracteres para representar o caractere <ao invés de esconder o script dentro de uma seção CDATA:

    Utilizando entidades podem revelar-se mais fácil em um contexto de XML só que com seções CDATA, mas pode causar problemas (como veremos) em navegadores HTML. Você precisa adicionar um elemento de estilo na cabeça também.

    
     

    Você já limpou a arquitetura do corpo e elementos h1, portanto basta movê-las para minúsculas.

    XHTML Strict - Fase 1

    O próximo elemento, o parágrafo primeiro, inclui uma âncora com o atributo NAME. Assim como com a versão de transição, você precisa de minúsculas esta e completá-lo com um atributo id. O elemento p também precisa de uma tag de fechamento no final do parágrafo.

    Este documento é rigorosa XHTML - vamos ver como ele faz em todos os navegadores.

    (Sim, o texto alterado mais uma vez.) 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:

    A limpeza não deve causar muitos problemas, nós esperamos.

    Você deve colocar os elementos da lista item que seguem em letras minúsculas e dar-lhes o fim das tags. O elemento br após o primeiro item da lista é necessária para que você possa removê-lo. Caso contrário, basta fazer a marcação e minúsculas fechar o elemento li.
    • Clique em mim para a contagem!
    O resto da conversão pode seguir o padrão já estabelecido para o DTD de transição. Os próximos dois itens da lista de marcadores final.
  • Clique aqui para uma consulta!
  • Clique aqui para uma descrição da página
  • 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:

    Copyright 2000 pelo HTML Wacki Writer
    Todos os direitos reservados.

    Teste de BrowserApesar do W3C HTML Validation Service é uma ferramenta útil para garantir que os documentos em conformidade com a especificação, a maioria dos documentos criados anteriormente terá pelo menos alguns problemas em navegadores existentes. Para demonstrar os tipos de problemas que podem ocorrer como você implantar XHTML, próximas páginas mostram os resultados da execução do HTML original, o HTML estrito, e todas as suas variações através de uma variedade de navegadores de diferentes colheitas. No navegador aceita todas as versões, mas você pode ver as novas tendências ao longo do tempo. Os navegadores testados aqui vão desde o obsoleto para o experimental. Embora muito poucos usuários ainda funcionam com o Netscape Navigator 1,22 (embora ainda utilizado em alguns servidores mais antigos), a sua resposta aos documentos XHTML demonstra como alguns aspectos da abordagem rigorosa pode tornar mais palatável para XHTML, mesmo o mais velho dos browsers comerciais. Navegadores mais recentes têm um número extraordinário de peculiaridades que sugerem Web designers irão testar o seu trabalho em vários navegadores por algum tempo para vir. Porque o Microsoft Internet Explorer versões tendem a variar muito em diferentes plataformas, eu fornecer amostras para Macintosh e Windows. Os browsers Netscape e Amaya mostrar os mesmos resultados, independentemente do sistema operativo que utilizam, assim que eu mostrar resultados para Windows NT e Windows 95.

    Nota Você pode executar esses mesmos conjuntos de testes em seu próprio browser. Os arquivos de teste estão disponíveis em http://www.simonstl.com/xhtml/code/chap5/. Enquanto os testes do navegador não podem fazer os navegadores olhar grande em lidar com XHTML, esta não é uma batida em seu desempenho. A maioria destes foram escritas bem antes XHTML mesmo começou a germinar, então você não pode responsabilizá-los por idéias chocou muito tempo depois o seu código foi concluída. Este conjunto de testes fornece parâmetros que você pode usar para determinar sua estratégia para criar documentos XHTML, não para avaliar o desempenho do navegador.

    Lições

    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 "A conversão para HTML, XHTML estrito" 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: 452 users browsing the articles directory