Ir para conteúdo / Skip to content

INTRODUÇÃO A MARCAÇÃO SEMÂNTICA

Postado em: 18 de agosto de 2006 por Pedro Rogério

Muitas vezes quando estamos fazendo um site, acabamos ficando preocupados somente com os títulos e os textos, é onde acabamos esquecendo da semântica, por exemplo, quando queremos indicar um código em nosso site, devemos usar a tag <code>, mas muita gente acaba esquecendo disso.

Abaixo você pode ver uma lista de tags semânticos:

  • cite: Destina-se a marcar textos que citem ou façam referências a outras fontes
  • code: Destinado a marcar trechos código
  • dfn: Destina-se a marcar um termo cuja definição foi dada no documento
  • em: Destinado a marcar texto com ênfase
  • kbd: Destina-se a marcar texto que define uma ação do usuário no teclado
  • samp: Destinado a marcar textos que são mostrados como exemplo de saída de um software
  • strong: Destinado a marcar textos em negrito
  • sub: Destinado a deixar o texto subescrito
  • sup: Destinado a deixar o texto superescrito
  • var: Destina-se a indicar que trata-se do nome de uma variável ou de um argumento de um programa

<update> Depois do comentário do Marcos Danilo, vou deixar aqui um exemplo de como usar a tag dfn, ela indica basicamente a definição de uma palavra, em geral apresenta o texto em itálico: CERN: Centre d’Éstudes et Recherches Nucleaires </update>

Se tiver um tempo, leiam também:

Deixe seu comentário

7 comentários para esse post

  1. Filipe disse: 18.08.06 ás 09:21
    #1

    Muito interessante, não sabia para que funcionava cada coisa aí não.. legal dimais estou aprendendo muito com seu blog a cada dia… tá aqui abrindo junto com o Firefox todo dia de manhã.
    Abração

  2. Marcus Danillo disse: 18.08.06 ás 10:29
    #2

    Muito bom, Pedro. Será que você poderia dar um exemplo de como utilizar a tag dfn?

  3. Tiago Celestino disse: 18.08.06 ás 18:19
    #3

    Putz. Muito massa, essas explicações já foram para o meu del.icio.us.

  4. The Simple Life~* disse: 18.08.06 ás 20:45
    #4

    E aew manow¨! Ótima informação isso daew.

    Pedro, tu tens MSN? Mew.. to cum uma dificuldade cruel com meu site… no Firefox o site funciona perfeitamente. Mas agora quando uso com a porcaria do IE. a merdinha fica toda errada. E no Opera dá um probleminha com somente o primeiro link do menu.
    Vei, jah quebrei a cabeca cum isso.. to o dia todo pensando. Se voce puder me ajudar cara. Eu agradeceria. Claro que eh soh um pedido, jah que sei que vc pode estar ocupado, mas please, preciso de ajuda ok? se quiser ajudar passa no meu blog e comenta lah e pega meu MSN no orkut ou na pagina Sobre do blog. Ai segunda agente se fala blz?

  5. Marcus Danillo disse: 18.08.06 ás 22:35
    #5

    Ôpa, valeu pela resposta. Eu pensei que fosse preciso um atributo a mais, para indicar o que se está definindo, viajei…

  6. Fernando Rigotti disse: 11.10.06 ás 23:55
    #6

    Muito bom o artigo, não sabia a serventia da maioria dessas tags.

    Só um ponto que estou com dúvida: você não inverteu o siginficado de <em> e <strong>? Que eu saiba <strong> que serve para dar ênfase a um determinado trecho do texto, e <em> para apenas colocar em negrito.

    Se eu estiver errado me corrija.

    Abraços e parabéns!

  7. Pedro Rogério disse: 11.10.06 ás 23:59
    #7

    Fernando,

    Você inverteu as coisas, em é para ênfase e strong é para negrito.

Deixe seu comentário