Porquê semântica faz diferença: Tag span

Igor Escobar on Jun 9th 2008

Porquê semântica faz diferença

Este projeto tem como objetivo, dar um “empurrãozinho”, para aquelas pessoas que não tem o hábito de ir em busca dos valores semânticos das tags que utilizam, a grande maioria dos designers e programadores sabem que devem usar a tag div por exemplo, mas não fazem idéia do por que realmente ela foi criada ou qual o verdadeiro uso prático desta tag.

Tag <span>

Definição

A tag <span> é utilizada para agrupar elementos de linha no seu documento.

Diferenças no HTML e XHTML

Nenhuma.

Dicas e Observações

Dica 1: Use a tag <span> para agrupar elementos de linha e formata-los com stilos.

Exemplo

Código Saída
<p>This is a paragraph <span style=”color:#0000FF;”>This is a paragraph</span> This is a paragraph</p><p>
<span style=”color:#00DD45;”>
This is another paragraph
</span>
</p>
This is a paragraph This is a paragraph This is a paragraph


This is another paragraph

Atributos Padrão

id, class, title, style, dir, lang, xml:lang

Eventos suportados

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Filed in Internet, Semântica, Web Standards | One response so far

One Response to “Porquê semântica faz diferença: Tag span”

  1. marcos_paiva Nov 14th 2008 at 08:20 am 1

    Poxa Igor, tava pesquisando sobre isso, meu deu um up no conhecimento!!!!

    Vlw veio!

Trackback URI | Comments RSS

Leave a Reply