Acorda pra Web!

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

Semântica no HTML – Os três mandamentos do div

  1. Use só em casos de emergência

    Já viu um botão protegido por um vidro com um aviso quebre em caso de emergência? O <div> deveria ter um desses. Use somente quando tiver certeza que não existe elemento melhor.

  2. É HTML, não CSS

    Não escravize o HTML, o <div> não existe só pra que você possa usar CSS. Eu insisto muito nesse ponto, crie os ids e classes de maneira descritiva.

  3. O <div> é semânticamente neutro

    Na especificação do HTML é dito que os elementos <div> e <span>, em conjunto com os atributos id e class, oferecem um mecanismo genérico para adicionar estrutura aos documentos.

    Isso não significa que ele é completamente sem semântica. Quem dá a semântica pra ele é você usando os atributos id e class.

Além do <div> esses mandamentos servem para o <span> também.

5 Respostas para “Semântica no HTML – Os três mandamentos do div”

  1. Camilo diz:

    O Henrique escreveu um texto sobre isso há um tempo atrás.

  2. Acorda pra Web! » Semântica é um webstandard e ponto! - Web Semântica, Programação e Tecnologia que vai mudar nossas vidas, só depois do café diz:

    [...] de fato se devem ou não usar apenas as tabelas, esquecendo que os outros elementos do HTML, principalmente o <div>, também devem obedecer regras e [...]

  3. DIV ou SPAN? quando usar cada tag | Ezequias diz:

    [...] Leitura recomendada: http://www.acordapraweb.com/semantica-no-html-os-tres-mandamentos-do-div/ [...]

  4. Fernando Aoki diz:

    “DIV” é abreviação de “Division”, Divisão.

    É um bom jeito de associar a um determinado significado, um determinado tipo de uso.

    Dividir o assunto.

  5. informe diz:

    e quais são todos os atributos que as tags div podem receber, não leve a mal sou novato em div’s.

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>