A especificação W3C para o HTML normatiza e classifica como:
1-) phrase elements (pode ser traduzido para "elementos de frase" ou ainda, "elementos de expressão") os seguintes elementos:
EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, ACRONYM
Diz a especificação ainda: Elementos de expressão adicionam uma informação estrutural a um fragmento de texto e a renderização de cada um deles depende do agente de usuário. Em geral um navegador renderiza o elemento strong em negrito e o elemento em em itálico.
2-) font style elements (pode ser traduzido para "elementos para estilização de fontes") os seguintes elementos:
TT, I, B, BIG, SMALL, STRIKE, S, U
Diz a especificação ainda: A renderização dos fragmentos de texto marcados com elementos para estilização de fontes depende do agente de usuário.
Como informação apenas, é comum o agente de usuário navegador renderizar assim:
Vamos focar nossa atenção nos elementos de expressão EM, STRONG e nos elementos para estilização de fontes I, B.
Pelo fato de serem renderizados em um navegador com forma de apresentação idênticas (negrito e itálico) muitos desenvolvedores fazem uso de um e de outro indiscriminadamente e até mesmo as vezes por uma questão de gosto pessoal.
Contudo há a ocasião certa e correta para empregar um e outro.
E agora a pergunta: Quando devo usar strong ou b? em ou i? Por quê?.
Fica a pergunta para você dar sua opinião, comentar, discordar, acresentar, participar e tudo mais sobre esta questão, deixando sua mensagem nos comentários da matéria.
Daqui a alguns dias darei uma reposta, consolidando as opiniões recebidas. Até lá! e conto com sua participação e debate.
2006-05-02: Os comentários apontam para um caminho correto. Consolidando conforme prometido:
As tags <b> e <i> cumprem finalidade unicamente de apresentação. Elas não tem qualquer efeito sobre tecnologias assistivas. Foram criadas à época antiga de marcar documentos web e basicamente calcados em estruturação para mídia tipográfica, não imputando qualquer relevância ao texto com elas marcado e nada significam para leitores de tela ou mecanismos de busca por exemplo. Não estão em desuso, são previstas no XHTML 1.1, podem e devem ser usadas se a sua intenção é a de contemplar somente mídia visual.
As tags <strong> e <em>, estas sim, são interpretadas por todas as tecnologias assistivas e devem ser usadas em substituição a <b> e <i> se a sua intenção é a de contemplar estas tecnologias.
Contudo, embora o suporte para elas deva continuar ainda por muito tempo, nada aponta para uma revitalização de <b> e <i>.
Pelo contrário, as evidências a esta época, indicam que devam ser banidas a partir do XHTML 2.0.
Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…
Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…
Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…
HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…
Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…
Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…
View Comments
É o tiago,
Gostei do blog e resolvi deixar um oi.
Valew
Samuel e Lucas,
Além de "strong" e "em" serem elementos estruturais e semânticos e o "b" e o "i" de apresentação, os dois primeiros realmente têm a ver com acessibilidade.
A tecnologia de leitura de tela para pessoas com deficiência visual quando encontra um desses elementos ele muda a entonação da voz (ênfase para "em" e incisiva para "strong") permitindo uma compreensão mais adequada do texto.
Por isso, recomendo sempre o uso de "strong" e "em" em vez de "b" e "i".
Samuel lendo o artigo eu estava pensando a mesma coisa que você.
Eu uso <strong> pelo fato dos renderizadores para pessoas com deficiência visual.
Essa distinção não poderia ter alguma coisa a ver com acessibilidade?
estou com uma duvida, renderizadores de voz (para pessoas com deficiência visual) eles destacariam a frase de maneira diferente caso ela estivesse marcada com "strong" e "em" ao invés de "b" e "i" ????
espero não ter viajado muito nesse pensamento =D
O que fazem os elementos DFN, SAMP, KBD e VAR de "phrase elements", mesmo?
Eu faço das palavras do Felipe Ranieri, as minhas.
Bom, costumo usar "b" e se parar para analisar, creio que a resposta mais sensata pode ser encontrada na própria definição dada pelo w3c, na qual temos: ELEMENTOS DE FRASE e ELEMENTO PARA ESTILIZAÇÃO DE FONTES.
Antes de ler este artigo, eu não conhecia a definição, portanto arrisco dizer que strong e em devem ser usados, como o próprio nome diz, para frases, já b e i podem ser utilizados para estilizar apenas letras.
Será que escrevi besteira? hehe.
Abraços Maujor e parabéns por mais um post bem interessante.
Acredito eu que tudo depende do que queremos identificar quando "tagueamos" uma string.
[em], de emphasis, expressa o motivo pelo qual a string deverá destacar-se do resto do texto. A colocação como itálico da mesma string deverá ser inteiramente de responsabilidade do renderizador. Quando pensamos em [i] estamos apontando o efeito desejado para o mesmo pedaço de texto, mas é como se não estivessemos apontando o motivo pelo qual o texto deve ser destacado, somente que ele deveria.
A mesma coisa acontece com o [strong] versus [b]. Strong, de strong emphasis, deixa o texto negrito por conta desse ser o tratamento comum dos renderizadores de texto. [b] indica o efeito, e não a causa.
Valew!