Igor Escobar on Jun 9th 2008
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
Igor Escobar on Jun 4th 2008
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 <ins>
Definição
A tag <ins> é utilizado para indicar que o texto que estiver entre ela, é um texto que foi “acrescentado” depois que o documento foi escrito.
Diferenças no HTML e XHTML
Nenhuma.
Dicas e Observações
Dica 1: Use a tag <ins> junto com a tag <del> para enfatizar alterações e atualizações no documento
Exemplo
| Código |
Saída |
| a dozen is <del>20</del> <ins>12</ins> pieces! |
a dozen is 20 12 pieces! |
Atributos Opcionais
DTD indica em qual DTD o atributo é permitido. S=Strict, T=Transitional, and F=Frameset.
| Atributo |
Valor |
Descrição |
DTD |
| cite |
URL |
A URL do texto ou documento que explica o motivo pelo qual o texto sofreu alterações. |
STF |
| datetime |
YYYYMMDD |
Dia e a hora que o texto foi inserido/modificado. |
STF |
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 | 2 responses so far
Igor Escobar on Jun 2nd 2008
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 <base>
Definição
A tag <base> tem por objetivo, definir o caminho BASE para todos os links no documento.
Diferenças no HTML e XHTML
No HTML a tag <base> não precisa ser fechada.
No XHTML a tag <base /> precisa ser própriamente fechada.
Dicas e Observações
Nota 1: A tag <base> precisa ser definida entre a tag head quando utilizada.
Exemplo
Para inserirmos uma imagem no documento poderiamos colocar a seguinte URL:
-
<img src="http://www.igorescobar.com/images/smile.gif" />
Agora vamos inserir a tag <base> para especificar a url base de todos os links da pagina:
-
<base href="http://www.igorescobar.com/images/" />
Agora todas as imagens que inserirmos no documento deverá ser relativo a url base especificada entre a tag head do documento:
Atributos Requeridos
DTD indica em cada DTD o atributo é permitido. S=Strict, T=Transitional, e F=Frameset.
| Attribute |
Value |
Description |
DTD |
| href |
URL |
Especifica a URL base para todos os links da página. |
STF |
Atributos Opcionais
| Attribute |
Value |
Description |
DTD |
| target |
_blank
_parent
_self
_top |
Quando queremos que todos os links da página abra de uma única maneira. Esse atributo pode ser sobre escrevido quando setado individualmente em cada link no documento.
- _blank - todos os links abriram em um novo documento.
- _self - todos os links abriram no mesmo frame onde o link foi clicado.
- _parent - todos os links iram abrir no frameset parent.
- _top - independente de quantos frames houver, todos os links vao abrir no corpo todo da janela.
|
TF |
Eventos e Atributos padrões
Nenhum
Filed in Internet, Semântica, Web Standards | No responses yet