En esta ocasión vamos a conocer la etiqueta Bold en HTML, representada con la letra «b». Una etiqueta que vas a utilizar mucho si le quieres dar formato a un artículo (o cualquier texto).
Esta etiqueta se parece a la etiqueta <strong> pero no es lo mismo, como veremos a continuación.
Esta lección forma parte del diccionario HTML de etiquetas, donde aprenderás este lenguaje desde cero. Si tienes alguna duda relacionada con HTML siempre puedes echarle un vistazo, hay un video grabado de todas las etiquetas ¡Casi nada!
Y ahora vamos al lío.
¿Qué es la etiqueta Bold en HTML?
La etiqueta «b» en HTML proviene de la palabra «bold» en inglés, que significa «negrita». Pero, ¡espera! No confundas «bold» con «bald» (calvo en inglés), aunque la pronunciación pueda ser similar.
Dentro del contexto de la tipografía, «bold» hace referencia al texto en negrita. Hasta aquí, todo parece bastante sencillo.
¿Para qué sirve la etiqueta Bold?
La etiqueta Bold en HTML se utiliza para resaltar el texto, es decir, convertirlo en negrita.
Esto es útil si deseas destacar ciertas palabras o frases dentro de un párrafo de texto. Es una forma fácil de mejorar la usabilidad y la experiencia del usuario. Además, también puede ser útil para destacar palabras clave y añadir relevancia a tu contenido.
Ejemplo de la etiqueta Bold
Vamos con un ejemplo práctico para que lo veas muy bien.
Concretamente, dentro de la etiqueta article, hemos creado un párrafo y dentro del párrafo se encuentran unas cuantas palabras envueltas en la etiqueta Bold.
<article>
<p>
Este es un texto de ejemplo donde algunas palabras están en <b>negrita</b> gracias a la etiqueta <b>bold</b>. Como puedes ver, es fácil resaltar palabras clave o frases importantes dentro de un párrafo utilizando esta etiqueta.
</p>
</article>
Como hemos visto, esta etiqueta nos puede servir para envolver palabras clave o palabras que tengan cierta relevancia dentro del texto. Si os fijáis, tiene una apertura y un cierre de etiqueta. Al visualizarlo en el navegador, estas palabras aparecen en negrita.
Diferencia entre etiquetas «b» y «strong»
Tanto la etiqueta Bold como la etiqueta Strong se utilizan para dar el mismo formato de negrita dentro de un texto.
Pero, ¿hacen exactamente lo mismo?
No, si no, no habría dos etiquetas diferentes 😀
A simple vista, ambas etiquetas parecen hacer lo mismo.
Sin embargo, hay una diferencia semántica entre estas dos etiquetas. La etiqueta Bold se utiliza para aplicar un estilo de negrita a un texto sin asignarle ninguna importancia especial, es decir, es una cuestión puramente visual.
Mientras que la etiqueta Strong también pone el texto en negrita, pero en este caso le indica a los motores de búsqueda y a otras tecnologías que el texto dentro de esta etiqueta tiene una mayor relevancia o importancia. Esa sería la gran diferencia, es decir, únicamente a nivel semántico.
Espero que te haya gustado y te haya sido útil.
Si tienes alguna duda o tienes cualquier sugerencia, puedes dejarla en los comentarios.
¡Nos vemos en la próxima lección! ¡Adiós!