Igor Escobar // Blog

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

Atributos Opcionais

DTD indica em qual DTD o atributo é permitido. S=Strict, T=Transitional, and F=Frameset.

Atributos Padrão

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

Eventos suportados

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

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:

Agora vamos inserir a tag <base> para especificar a url base de todos os links da pagina:

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.

Atributos Opcionais

Eventos e Atributos padrões

Nenhum

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 <address>

Definição

A tag <address> define as informações de contato para um documento ou seção.

Diferenças no HTML e XHTML

Nenhuma.

Dicas e Observações

Nota 1: A tag <address> não deve ser usada para descrever o endereço do portal, somente deve ser usado se o mesmo fizer parte das informações de contato do documento ou seção.

Nota 2: O endereço usualmente é renderizado em italic. A maioria dos brownsers vão adicionar uma quebra de linha antes e depois do elemento address, mas as quebras de linha dentro do elemento deverá ser adicionada por você.

Exemplo

Saída:

Atributos suportados

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

Eventos suportados

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

Olá pessoal, hoje eu começo com a falar sobre a primeira tag da campanha que eu havia falado no post anterior, peço desculpas a todos pela demora, devido a um problema no trabalho, fiquei uma semana práticamente sem acesso o que dificultava muito a possíbilidade de postar aqui, tendo em vista o fato de que ao chegar em casa eu tinha que fazer em poucas horinhas, tudo o que eu poderia ter feito com calma durante o dia, ficava muito corrido.

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 <acronym>

Definição

A tag <acronym> tem como objetivo indicar o início de um acrônimo, como por exemplo o acrônimo WWW, com esta tag você consegue enviar informações úteis para os browsers, spiders de busca, corretores ortográficos, sistemas de tradução etc.

Diferenças no HTML e XHTML

Nenhuma.

Dicas e Observações

Em alguns browsers o atributo title pode ser usado para ser exibido a versão completa da expressão quando você segura o mouse em cima do acrônimo.

Exemplo

Saída: WWW

Atributos suportados

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

Eventos suportados

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

Olá pessoal, hoje darei início a um projeto meu, tive esta idéia a alguns dias e agora que ela esta amadurecida e fortalecida, resolvi coloca-la em prática.

Muita gente sabe que semântica é importante, porém, poucos tem o hábito de pesquisar e procurar saber mais sobre as tags que utilizam no dia-a-dia e descobrir novas tags para deixar o seu código cada vez mais semântico.

Sabendo disso, 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.

Espero que gostem, aguardem as especificações diárias.

Igor.