DEV Community

Maria Meir
Maria Meir

Posted on

Boas práticas: <strong> ou <b> 💻

Qual a diferença entre as tags <strong> e <b>?


<strong> <b>

Bom, basicamente as duas tags fazem o mesmo esteticamente falando, deixam um texto em negrito. A diferença fica na semântica (significado/interpretação).

Trecho do código:

<strong> Deixando esse trecho em negrito com a tag strong. </strong>
Enter fullscreen mode Exit fullscreen mode

Saída:
Deixando esse trecho em negrito com a tag strong.



Trecho do código:
<b> Deixando esse trecho em negrito com a tag b (bold). </b>
Enter fullscreen mode Exit fullscreen mode

Saída:
Deixando esse trecho em negrito com a tag b (bold).

Quando usamos a tag <strong>, damos uma forte importância ao texto então delimitado, indicamos que a informação em negrito tem um certo grau de urgencia. Dito isto, <strong> é um estado lógico.Os estados lógicos desassociam o conteúdo da apresentação, fazendo isso permite-se que eles sejam expressos de muitas maneiras.
Com isso, futuramente ao invés de renderizar o trecho em negrito você queira renderizá-lo por exemplo na cor vermelha, ou mudar de tanho, tanto faz a forma que queira manipular esse trecho do texto. Faz mais sentido trocar apenas as propriedades da tag <strong>.
Por isso é uma boa prática utilizarmos o <strong> nessas situações.
Utilizando <b>significará apenas que a escrita está em negrito nessa formatação do texto, quando se quer chamar atenção sem aumentar a importância.

Top comments (0)