Acorda pra Web!

Tecnologia que vai mudar nossas vidas, depois do café.

Semântica no HTML - Microdicas

Aprenda a enfatizar palavras

  • Jamais use as tags <b>, <i> e <u> para enfatizar palavras. Elas são obsoletas.
  • Use as tags <strong> e <em>, com cuidado.
  • A tag <strong> não significa negrito, a tag <em> não significa itálico.
  • A tag <em> tem o mesmo significado da tag <strong>: ênfase. A diferença é que <strong> dá mais ênfase do que <em>.
  • Partindo do fato de que <strong> e <em> tem o mesmo significado, fica claro que não devemos utilizá-las juntas.
  • Você pode retirar o negrito do <strong> e o itálico do <em> utilizando CSS. Na verdade você pode adicionar qualquer estilo, cor e formatação à essas tags.

Modificando documentos já publicados

Às vezes é necessário alterar documentos e manter informações sobre a alteração. Você pode fazer isso utilizando as tags <del> e <ins>. O texto antigo, que não é mais válido, deve ser colocado dentro da tag <del> e o texto novo, que não existia anteriormente, deve ser colocado dentro da tag <ins>.

  • Coloque somente elementos inline, nenhum bloco dentro desses elementos.
  • Você pode ocultar o conteúdo anterior ao modificado com CSS e destacar o novo.
  • Por padrão, texto excluído fica tachado.

Listando coisas

  • Listas não precisam ter necessariamente itens pequenos. Você pode incluir grandes parágrafos e até mesmo títulos dentro de lista. Se algo obedece determinada ordem ou padrão, não hesite em colocá-lo em uma lista.

3 Respostas para “Semântica no HTML - Microdicas”

  1. Cristian Trentin diz:

    Muito Bom!

  2. VitorGGA diz:

    Mas, se strong existe pra colocar em negrito entao, que seja uai.
    “Por padrão”, mas, os kra inventaram assim oras :p
    Quanto complicação, socorro hushusuh

  3. Gustavo Krause diz:

    Calma Vitor,

    strong(como o Alexandre falou), tem uma semântica de ênfase para o conteúdo e não negrito.

    O negrito é apenas valor estético.

    Negrito é estilo. (font-weight:bold)
    strong é semântica, e não um simples “font-weight:bold”

    té!

Deixar um Comentário

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