Os parâmetros devem serguir um padrão de apresentação e existem alguns obrigatórios. | BrPoint
Clicky Analitics - Suas estatísticas na hora, de forma simples, versátil e com muitos recursos
Powered by MaxBlogPress 

Os parâmetros devem serguir um padrão de apresentação e existem alguns obrigatórios.


Continuação das Considerações sobre tableless.

Os parâmetros devem serguir um padrão de apresentação e existem alguns obrigatórios.

Para atender aos padrões web, é necessário que sejam seguidas algumas regras básicas, na hora de utilizar os parâmetors das tags HTML.

  • Todos os parâmetors devem ter seus identificadores escritos em minusculas.
  • Todos os valores dos parâmetros devem estar entre aspas.
  • O parâmetro descritivo deve estar sempre presente.
  • Existem parâmetros obrigatórios para algumas tags.

Seguindo as regrinhas acima, seu código estará em conformidade com os padrões.
Para saber os itens obrigatórios de cada tag, vale consultar a documentação do W3C, mas o básico é:

  • Informações de dimensão para objetos gráficos (imagens, flash etc…).
  • Texto alternativo para todos os itens que não sejam texto puro.
  • Descritor para todos os objetos presentes nas páginas (ainda, não é obrigatório, mas fortemente recomendável).
  • ID para todos os objetos presentes nas páginas (forms, campos etc…, ainda, não é obrigatório, mas fortemente recomendável).

Chega de papo e vamos a alguns exemplos:

Para exibir uma imagem, antes poderíamos fazer:
<a HREF=http://www.brpoint.net> <img SRC=http://www.brpoint.net/images/botoes/brunoalves.png> </a>

O correto agora seria:

<a href="http://www.brpoint.net" title="Bruno Alves - Dicas, Artigos, tutoriais e analises"> <img src= "http://www.brpoint.net/images/botoes/brunoalves.png" alt="Bruno Alves" height="15" width="80" /> </a>

A diferença entre os códigos, além do tamanho, é que o segundo segue os padrões do W3C e o primeiro não.

Então só serve para atrapalhar?

Não, as vantagens do segundo código são:

  • Código mais claro, o que facilita a manutenção.
  • Melhor indexação por parte dos mecanismos de busca (eles sabem o que são as coisas a partir do title).
  • Dispositivos de acessibilidade podem passar ao usuário a descrição dos objetos (como um browser para deficientes visuais, por exemplo).
  • Os browsers podem ser mais simples (o próximo item a ser discutido reforça esta parte) facilitando sua execução em dispositivos com menor poder de processamento (como celulares, por exemplo).
  • Dispositivos que não possão exibir outros tipos de mídia, podem exibir o texto descritivo no lugar.

Como sempre, as vantagens não se limitam a isso, mas essas são as principais.

Abraços.

Para acompanhar os tópicos:

Melhores ofertas de:  Camera Digital, MP3 Player, iPod, Celular, Livros, CD, DVD, Monitor, TV, Notebook, Wii, PS3

Compartilhe e Guarde:
  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • websapiens
  • linkto
  • Technorati
  • del.icio.us
  • Blue Dot
  • imera



Artigos Relacionados

Nenhum Comentário »

Nenhum comentário ainda, seja o primeiro.

RSS feed para os comentários deste artigo. URLpara trackback

Deixe seu comentário

XHTML: Você pode usar as tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>