Fixação Static HTML

The Big Clean-Up: Fixação Static HTML (O Easy Part)

Por que converso XHTML existente?Antes de começar, você pode estar se perguntando: "Por que eu quero encoberta site meu que funciona perfeitamente bem em HTML para XHTML newfangled este?" O mais provável é a sua curiosidade é despertada se você chegou até aqui para o artigo. No entanto, deixe-me dar algumas respostas para melhor acalmar seus medos e para justificar a gestão por que você deve fazer o salto para XHTML. XHTML oferece duas principais melhorias sobre HTML:

- Estruturas de limpeza (que fazem coisas como HTML dinâmico e estilo muito mais fácil) - A habilidade de usar ferramentas desenvolvidas para XML

Começando pelo seu documento HTMLProcurar um documento de autoria em HTML. Este documento deve ser um pouco complexa, porque você não quer trabalhar com algo que só tem duas linhas além da estrutura HTML básica (pelo menos não para usar como sua página principal de aprendizagem). Se você não tem uma página na mente, você pode encontrar a página HTML usada neste exemplo em xhtml.html http://www.zotgroup.com/development/test-suites/xhtml10/htmlto-. Aqui está o código:

BK's Home Page

Esta é a página de BK DeLong. Aproveite a sua visita!

EverQuest My Friends:
Crimen Talionis
MacIntyre
Kiekre
Krimzor
Catya

BK DeLong
bkdelondg@zotgroudp.com

HTML bastante desagradável. Para os iniciantes que não aprender HTML com uma sólida base de conhecimentos da SGML e pensei que era utilizado para projetar páginas, isso é muito típico de site Web de uma pessoa em primeiro lugar. (Estou certo de que este é bastante semelhante ao meu site inicial.) Agora, limpá-lo. Você não está indo para limpar seu HTML, na ordem que você criar um arquivo XHTML, necessariamente, a partir do zero. Em vez começar com as coisas mais fáceis para verificar primeiro.

Passo 1: Todos os elementos são minúsculasA coisa mais tediosa que você tem que fazer com seus arquivos HTML é certificar-se que todos os elementos são minúsculas. O único texto que deverá ser maiúscula é o seu próprio conteúdo. Esta difícil tarefa pode ser facilitada por algumas das ferramentas de autoria discutida no final deste artigo. Quando estiver concluído, o arquivo deve ser semelhante a este:

BK's Home Page

Esta é a página de BK DeLong. Aproveite a sua visita!

EverQuest My Friends:
Crimen Talionis
MacIntyre
Kiekre
Krimzor
Catya

BK DeLong
bkdelong@zotgroup.com

Passo 2: Todos os valores dos atributos devem ter aspasEste é mais um passo fácil, embora possa ser entediante. Spotting todos os atributos não citou pode ser difícil, também. Você pode ter que confiar no processo de validação para descobrir o que você não pode encontrar.

BK's Home Page

Esta é a página de BK DeLong. Aproveite a sua visita!

EverQuest My Friends:
Crimen Talionis
MacIntyre
Kiekre
Krimzor
Catya

BK DeLong
bkdelong@zotgroup.com

Você está chegando lá.

Passo 3: Todos os elementos devem finalAgora que você já concluídas algumas das mais básicas de limpeza do seu documento HTML, você precisa para começar a fixar a estrutura real. Um documento não é considerado bem formado ou válido se os elementos que são iniciados não estão fechadas. Limpa autoria XHTML (como acontece com qualquer linguagem de marcação) torna muito mais fácil descobrir o que está acontecendo no documento, que logicamente este é o passo seguinte de sua limpeza. Basicamente, existem três elementos no documento HTML que você precisa endereço. O mais fácil dois elementos do "vazio"

e
. Tudo o que você precisa adicionar a eles é um espaço junto com uma barra (/) para que algo como isto:
. É o espaço necessário? Não, mas muitas das versões mais antigas do navegador ver um
como a BR text / e não uma
elemento. O browser não sabe o que a BR / elemento é, mas ele reconhece que se um espaço separa a BR ea barra invertida. O outro elemento que precisa é o encerramento

elemento. A primeira regra de marcação é que ela significou para denotar contexto e não de design ou layout. Então, tecnicamente, o

elemento não deve ser no final do parágrafo para criar um retorno de carro. O

elemento deve aparecer no início de um parágrafo com um

no final. Após fazer essas alterações, agora você tem melhor forma de HTML com a qual trabalho.

BK's Home Page

Esta é a página de BK DeLong. Aproveite a sua visita!

EverQuest My Friends:
Crimen Talionis
MacIntyre
Kiekre
Krimzor
Catya

BK DeLong
bkdelong@zotgroup.com

Todos os elementos devem estar no lugar certoVocê deve corrigir alguns problemas que ainda permanecem com este documento. Primeiro, você não pode ter um elemento de cabeçalho,

, Contidos por um elemento. Não é legal de acordo com o DTD XHTML 1.0 (mesmo uma transição). Para corrigir isso, coloque o elemento dentro do

 BK's Home Page

Enquanto isso não é necessário para tornar o seu documento bem formado ou válido - porque o elemento é substituído em favor de folhas de estilo - você deve alterar a linha para ler:

 BK's Home Page

Você também precisa corrigir o modo como você usa o elemento do "EverQuest My Friends" lista. A maioria das pessoas já sabe que você não pode ter um elemento sobrepõe a outro elemento em XHTML. A linha em questão atualmente lê assim:

Crimen Talionis

Você deve modificá-lo para algo como isto:

Crimen Talionis

Novamente, o elemento lida com o estilo do texto. Embora não seja necessário, eu recomendo mudar o elemento a um elemento que denota melhor o seu contexto. Se você quer mudar seu estilo inline, então a linha deve aspecto como este:

Crimen Talionis

Adicionando declarações XHTML e definiçõesNeste ponto, o núcleo da estrutura do documento é tão XHTMLized possível. Agora você precisa adicionar os cabeçalhos que identificam o documento como XHTML em vez de HTML. Primeiro, você precisa declarar o namespace XHTML. Como você pode se lembrar de artigos anteriores, você fazer isso adicionando o atributo xmlns ao elemento:

Em seguida, você precisa ter certeza de que você declarar o DOCTYPE correto para XHTML. Você está usando estrito, frameset, ou de transição? Neste caso, eu acho que você deveria ficar com transição - especialmente se você mantiver o e elementos:

Passado, e isso não é exigido de um documento XHTML, adicione a declaração XML. Eu vivamente que colocar isso em todos os documentos XHTML que você mantenha o hábito de utilizá-lo com outros documentos XML. A única questão que vale a pena mencionar a presente declaração é que ele pode aparecer em navegadores antigos.

XHTML seu documento final deverá ser parecido com isso agora:

BK's Home Page

Esta é a página de BK DeLong. Aproveite a sua visita!

EverQuest My Friends:
Crimen Talionis
MacIntyre
Kiekre
Krimzor
Catya

BK DeLong
bkdelong@zotgroup.com

NotaObserve que a declaração DOCTYPE no início do documento é maiúscula. Isso é permitido porque não é realmente "uma parte do documento." No entanto, a "html" identificador na declaração de DOCTYPE deve ser em letras minúsculas para corresponder com a .

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 "Fixing Static HTML" 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.