• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

Maujor

[HTML/XHTML]Usar os elementos B e I ou STRONG e EM ?

7 mensagens neste tópico

Os elementos HTML -  B, I, STRONG e EM

Uma dúvida que costuma atormentar desenvolvedores, principalmente iniciantes no aprendizado da linguagem de marcação (X)HTML diz respeito ao emprego dos elementos HTML para obter um efeito visual negrito e itálico.

A chave para entender o correto emprego destes elementos está no conceito de cada um deles segundo as Recomendações do W3C.

Senão vejamos:

Elementos B e I: Estes são elementos para definir um estilo para as fontes.

É sugerido pelo W3C que os textos marcados com o elemento B sejam renderizados em negrito e aqueles marcados com o elemento I em itálico.

Contudo fica a critério do fabricante do browser determinar o estilo para estes elementos.

É importante notar que a finalidade destes elementos é de apresentação ou seja conseguir um efeito visual.

Elementos STRONG e EM: Estes elementos se destinam a adicionar uma informação estrutural aos textos.

Textos marcados com o elemento STRONG são destacados com forte ênfase e aqueles com o elemento EM são destacados com ênfase.

Resumindo podemos afirmar que B e I têm uma função de apresentação enquanto STRONG E EM têm função estrutural.

Daí podemos estabelecer claramente os critérios para usar um ou outro:

Se o desenvolvedor deseja destacar visualmente um trecho do texto marque com B ou I.

Mas, caso a intenção seja dar ênfase  marque com STRONG ou EM.

E a grande diferença é que B e I são completamente ignorados por agentes de usuário não gráficos como leitores de tela por exemplo.

Por outro lado STRONG e EM possuem significado tanto para agentes de usuário gráficos como não gráficos. Leitores de tela lerão

trechos marcados com STRONG e EM com entonação de voz diferenciada, informando ao usuário que aquele texto está em destaque. 

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Extremamente importante esta "dica", temos de pensar em todas as pessoas e os elementos têm significado. Como tal, devem ser usados com isso em mente.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

mas a nivel de visualização nao altera nada porque o <strong> faz exactamente a mesma coisa que o <b>...

a diferenca é apenas na parte teórica???

cumps

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu não lhe chamaria teórica mas sim semântica. Sim, na prática é a mesma coisa.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Antes, na maioria dos casos vai dar ao mesmo, mas não sempre:

E a grande diferença é que B e I são completamente ignorados por agentes de usuário não gráficos como leitores de tela por exemplo.

Por outro lado STRONG e EM possuem significado tanto para agentes de usuário gráficos como não gráficos. Leitores de tela lerão

trechos marcados com STRONG e EM com entonação de voz diferenciada, informando ao usuário que aquele texto está em destaque. 

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

mas a nivel de visualização nao altera nada porque o <strong> faz exactamente a mesma coisa que o <b>...  :wallbash:

a diferenca é apenas na parte teórica???

cumps

Pergunta ao google o que ele faz quando encontra uma tag B e quando encontra uma STRONG, enquanto que a B é completamente ignorado, as palavras em na tag STRONG recebem mais uns pontos, porque supostamente são mais importantes.
0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora