Tags Semânticas que tu podes ter esquecido

Estava eu lendo meus feeds quando me deparei com um artigo no dzone que merece ser citado: Semantic Semantic tags you may have forgotten (ou Tags Semânticas que tu podes ter esquecido.

Realmente, muitas pessoas esquecem destas tags de suma importância para uma web com mais “significado”, por exemplo.

Eis um resumo do artigo:

• <abbr> - Define uma abreviação. Usando o atributo title tu podes fornecer uma dica sobre a abreviação.

  <abbr title=”Doutor”>Dr</abbr>

• <acronym> - Define um Acrônimo, parecido com a tag abbr. Usar o atributo title mostrará uma dica que tu podes usar para a explicar o acrônimo.

  <acronym title=”Cascade Style Sheets”>CSS</acronym>

• <address> - Define o começo de um endereço. Tu deverias usar isso para definir endereços, assinaturas ou autoria de documentos (segundo a W3).

  <address> 3.7 Designs, 320 S. Main Suite B, Ann Arbor, MI 48104 </address>
  <address> Website Design and Content Copyright 3.7 Designs </address>

• <cite> - indica uma referência para um trabalho alheio, como um livro, reportagem ou site, e pode-se incluir a data da publicação, um link para a publicação e uma descrição da publicação sendo citada.

  <cite> Escrito em 26 de Dezembro de 2006, por Ross Johnson</cite>

• <code> - Define um código de computação. A tag code por padrão deixará a fonte monoespaçada, mas também define código de computador e deixá-o separado de outro conteúdo.

  <code>#header { margin: 0; font-size: 3em; } </code>

• <samp> - Define uma amostra de código de computador. Semelhante à tag code, a tag samp deixa o texto monoespaçado e se refere à códigos de exemplo em teus documentos.

  <samp> html, body { margin: 0; padding: 0; } </samp>

• <del> - define texto que foi deletado. A maioria dos navegadores exibirá um texto tachado, e é usada para mostrar que e como o documento foi atualizado.

  Semântica <del>freqüentemente</del> é importante

• <ins> - define texto que foi inserido (freqüentemente usada com <del>). A maioria dos navegadores exibirá um texto sublinhado, mas vários ainda m]exibem texto simples.

  Semântica <del>freqüentemente</del> <ins>sempre</ins> é importante

• <q> - define uma cotação curta. Semelhante à tag blockquote, a tag q define uma cotação curta. Navegadores modernos automaticamente exibirão aspas no conteúdo, porém o IE6 e anteriores não. Alguns usam DOM para solucionar isso.

  <q>Estudando e aprendendo.</q>

Para mais detalhes sobre as tags, veja-as na W3Schools.

blogblogs tags:web, semantica, html, xhtml

technorati tags:web, semantica, html, xhtml

Blogged with Flock