8 replies to this topic

[Nando]

Eu andei pela parte de tutos e ñ vi aqui alguém ensinando sobre o Acronym!

Para que serve o Acronym:
Bem o acronym serve para o mesmo fim que o ALT quando usado na tag <img>!


Resumindo:
Quando alguém usa o ALT no <img> pra que ñ sabe quando o mouse é passado em cima da imagem e fica alguns segundos aparece a mensagem contida no ALT, o mesmo pode ser feito com Textos!!!

Exemplo

<acronym title=Mensagem>Seu texto aqui escrito normalmente com qualquer fomatação</acronym>

Comentando:
Não há muito o que comentar, simplesmente o <acronym> inicia a tag como qualquer outra, e o title é o q vc quer q apareça quando o mouse estiver em cima do texto inteiro, e o fechamento do acronym com </acroym>

Nota: Se você quiser que apareça uma frase no acronym use assim:

<acronym title="Sua Frase Composta Por várias palavras">Seu texto aqui escrito normalmente com qualquer fomatação</acronym>

Só modifique o title=mensagem para title="Mensagem Composta" com aspas...


Acho q é isso q podia dizer sobre o acronym agora Fui!

Att []

Edição feita por: Nando, 07/01/2005, 17:46.

[Kaled]

Quando essa tag é utilizada, não aparece nenhum destaque sob a palavra/frase para que a pessoa possa saber que alí existe uma descrição.

Para dá esse certo destaque, é comum os desenvolvedores colocarem uma underline (sublinhado) pontilhada e também alterar o cursor através do CSS:

acronym {
   color:#000;
   cursor: help;
   border-bottom: 1px dashed #000;
}

color - Cor do texto que ficará entre as tags <acronym></acronym>
cursor - Tipo de cursor que aparecerá quando o mouse estiver sobre o texto destacado entre as tags em questão.
border-bottom - Borda inferior pontilhada com a cor preta.


[]s

[Maujor]

Leia um TUTORIAL COMPLETO explicando o uso da tag <acronym>

Edição feita por: Maujor, 10/01/2005, 16:14.

[MarviN*]

Existem várias tags pra indicar o que você quer dizer. Para o uso correto das tags, é importante saber que acronym é acrônimo. Por exemplo, HTML é um acronimo de HyperText Markup Language.

Então, seria correto utilizar:

<acronym title="HyperText Markup Language">HTML</acronym>


Só estou falando um pouco sobre o significado das tags. Existem tantas outras que poucos conhecem, é interessante aprender e utilizar as tags certas para definir corretamente os trechos do nosso documento!

[Tash]

Existem várias tags pra indicar o que você quer dizer. Para o uso correto das tags, é importante saber que acronym é acrônimo. Por exemplo, HTML é um acronimo de HyperText Markup Language.

Então, seria correto utilizar:

<acronym title="HyperText Markup Language">HTML</acronym>


Só estou falando um pouco sobre o significado das tags. Existem tantas outras que poucos conhecem, é interessante aprender e utilizar as tags certas para definir corretamente os trechos do nosso documento!

Uau, parabéns!

Usar as tags certas é o que chamamos de semântica no código...

procurando por "web semântica" (entre aspas) no google você achará muita coisa sobre isso.

Enfim, se quiser o mesmo efeito que o atributo alt, use o atributo title em qualquer tag.....

<p title="Parágrafo introdutório">Introdução é uma breve.. introdução ao texto</p>

Edição feita por: Tash, 29/01/2005, 20:10.

[Nando]

Nossa ta ae um parcero q eu ñ via a meses(por causa da Net dele eu acho) e q foi postar justo num tuto q eu fiz e q poxa Mostrou sempre estar atauaalizado e q eu tenho q ler um pouco + o q ele ja lê...
Parabéns ae Tash Meu Parcerão Alexandre, peguei teu MSn pelo jeito tu nem sabe q eu sou eu!
Bem é mesmo sobre a Web Semântica resolvi pesquizar e vem MUITAAA coisa pessoal prcourem e se atualize um pouquinho!
Abraços a Todos!
E Muita Paz No Coração Fuiz!

[Paulo Freitas]

Existem várias tags pra indicar o que você quer dizer. Para o uso correto das tags, é importante saber que acronym é acrônimo. Por exemplo, HTML é um acronimo de HyperText Markup Language.

Então, seria correto utilizar:

<acronym title="HyperText Markup Language">HTML</acronym>


Só estou falando um pouco sobre o significado das tags. Existem tantas outras que poucos conhecem, é interessante aprender e utilizar as tags certas para definir corretamente os trechos do nosso documento!

Uau, parabéns!

Usar as tags certas é o que chamamos de semântica no código...

procurando por "web semântica" (entre aspas) no google você achará muita coisa sobre isso.

Enfim, se quiser o mesmo efeito que o atributo alt, use o atributo title em qualquer tag.....

<p title="Parágrafo introdutório">Introdução é uma breve.. introdução ao texto</p>

Caramba...

Pensei que o title fosse só pra <a></a> ...

Bom saber disso...

Flw's, T+V! Até mais

[JulioGreff]

não é só para a tag <a title="...">. a maioria das tags (eu acho que todas!) suportam o atributo title, como <img>, <p>, <dfn>, <b>, ou até mesmo a tag <span> e <div>

[Tash]

não é só para a tag <a title="...">. a maioria das tags (eu acho que todas!) suportam o atributo title, como <img>, <p>, <dfn>, <b>, ou até mesmo a tag <span> e <div>

Foi exatamente o que eu disse

Mas essas não são os únicos atributos universais, aí vai uma lista de todos:

class: Define a classe CSS do conteúdo marcado
id: Define o id no documento, do conteúdo marcado
title: Define um título para o conteúdo
dir: Define a direção do texto (ltr | rtl)
xml:lang: Define a linguagem do conteúdo
acesskey: Define a tecla de acesso ao elemento
tabindex: Define a posição no índice tab

Exemplos:

<img class="sem_borda" src="logo.png" />

Atribuirá o css ".sem_borda" à imagem

<img id="logotipo" src="logo.png" />

Atribuirá o css "#logotipo" à imagem

<p dir="rtl">Esse texto virá da direita para a esquerda</p>

Muda a direção do texto, "ltr" é o padrão, esquerda para a direita e "rtl" é direita para esquerda

<p xml:lang="en">This text is defined as a English text</p>

Define a linguagem do texto... (ele não traduz, apenas define)

<a href="http://www.google.com.br" acesskey="g">Google</a>

Quando você digitar Alt+G ele irá focar o conteúdo marcado

<ul>
<li><a href="link1.html" tabindex="2">Link 1</li>
<li><a href="link2.html" tabindex="1">Link 2</li>
<li><a href="link3.html" tabindex="3">Link 3</li>
</ul>

Define a ordem em que os links serão focados ao pressionar TAB continuamente, nesse caso, a ordem será: Link2, Link1, Link3