Jump to content


Photo

Dicas Para Um (x)html Válido


  • Faça o login para participar
2 replies to this topic

#1 Raphaell

Raphaell

    Normal

  • Usuários
  • 80 posts
  • Sexo:Masculino
  • Localidade:Recife/PE
  • Interesses:Tableless, CSS, XHTML, Flash, ActionScript, Photoshop, Fireworks, Teoria das cores, Webdesign.

Posted 24/07/2007, 12:24

Eis aqui algumas dicas para fazer uma validação de sua página HTML:

1. Sempre feche todas as tags, digo todas mesmo!
2. Evite códigos em maiúsculo, pois está sendo cada vez menos usado e não é muito bom para visualização
3. Estruture o código de acordo com a "hierarquia"
4. Evite códigos como <font color> e outros, opite pelo uso de css como por exemplo: <font style="color: #FFF;">
5. Coloque todos os elementos em que aplicará estilo no CSS, deixando o HTML o quanto menor e limpo possível
6. Coloque comentários quanto a "parte" do layout. Tais como "header", "main" e "footer" para uma organização melhor
7. Use sepre meta tags, pois muitos sistemas lêem tais
8. Quando for usar um CSS grande, opite por atachá-lo ao invés de por junto ao escopo
9. Respeito o "esqueleto" do HTML

Para verificarem se sua página se encontra válida, aqui vai o link do validador:

W3C Validator


Raphael Taveira Webdesigner
Avaliação (x)HTML, CSS & Visual.
Ocupado com projeto !!!
"Minhas seções": CSS & Semântica(Tableless)

Contato: raphaelstrous@yahoo.com.br

#2 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 25/07/2007, 16:29

Se isso era um tutorial, achei meio fraco. Faltou explicar melhor o porque dos itens citados:

1. Sempre feche todas as tags, digo todas mesmo!
Fechar as tags é essencial, quase todas as tags possuem a tag de fechamento idêntica, somente precedida pelo caracter "/".
Ex.: <p></p>, <div></div>, <span></span>, etc.
As tags que não possuem tal sistema são fechadas na própria tag de abertura.
Ex.: <br />, <input />, <img />, etc.
A lista completa pode ser conferida no site da W3C.

2. Evite códigos em maiúsculo, pois está sendo cada vez menos usado e não é muito bom para visualização
Não é nem questão de evitar por ser depreciado. Atributos em maísculo não fazem parte do XHTML. O motivo do X ali é que o HTML é escrito no padrão do XML. E em XML os atributos são case-sensitive, assim sendo, é uma boa prática escrever tudo em minúsculo.

3. Estruture o código de acordo com a "hierarquia"
Beleza.

4. Evite códigos como <font color> e outros, "opte" pelo uso de css como por exemplo: <font style="color: #FFF;">
Beleza também. Melhor ainda se os estilos forem separados da marcação da página. Entende-se por marcação o código HTML.

5. Coloque todos os elementos em que aplicará estilo no CSS, deixando o HTML o quanto menor e limpo possível.
Exatamente como citado acima.

6. Coloque comentários quanto a "parte" do layout. Tais como "header", "main" e "footer" para uma organização melhor.
De acordo também. Só não sobrecarregue nos comentários, e siga padrões.

7. Use sempre meta tags, pois muitos sistemas lêem tais.
Esse eu não entendi. Existem 'n' meta tags, com funções distintas.


8. Quando for usar um CSS grande, "opte" por atachá-lo ao invés de por junto ao escopo.
Atachar um estilo ou utilizá-lo "inline" não acarreta diferenças em validar o arquivo. É uma questão de bom senso. Arquivos muito grande de CSS são ruins. Procure então separar os arquivos por partes e utilizar somente o necessário em cada parte/seção do seu site, mesmo que essa separação não seja feita dinamicamente (me refiro a utilizar uma linguagem server-side para a inclusão correta dos arquivos necessários). Se mesmo assim, uma única página faz uso de um arquivo muito grande, provavelmente a página também está grande. Quebre-a em várias seções.

9. Respeito o "esqueleto" do HTML.
Essa nem era preciso citar. Se não seguir a estrutura básica do documento, nem começe a fazer.

De resto está beleza.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#3 Raphaell

Raphaell

    Normal

  • Usuários
  • 80 posts
  • Sexo:Masculino
  • Localidade:Recife/PE
  • Interesses:Tableless, CSS, XHTML, Flash, ActionScript, Photoshop, Fireworks, Teoria das cores, Webdesign.

Posted 25/07/2007, 21:05

Fiz só com as dicas mais simples pô, um cara com um bom conhecimento vai entender bem esse tutorial.

Mais valeu pela contribuição.
Raphael Taveira Webdesigner
Avaliação (x)HTML, CSS & Visual.
Ocupado com projeto !!!
"Minhas seções": CSS & Semântica(Tableless)

Contato: raphaelstrous@yahoo.com.br




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq