Etiqueta HTML <b>
La etiqueta HTML <code><b></code> se utiliza para mostrar una parte del texto en negrita para que destaque. La etiqueta <code><b></code> solo cambia la apariencia visual; no tiene ningún significado semántico (incluido para los motores de búsqueda).
TIP
En HTML5, la etiqueta <code><b></code> está destinada a un énfasis estilístico no semántico, como marcar palabras clave, nombres de productos o etiquetas de la interfaz de usuario, en lugar de ser un recurso alternativo para otras etiquetas.
Evite usar la etiqueta <code><b></code> para títulos y encabezados. En su lugar, puede usar las etiquetas <h1> - <h6>. Es preferible usar la etiqueta <code><b></code> para marcar palabras clave, nombres de productos u otros fragmentos de texto donde no se requiera importancia semántica.
Sintaxis
La etiqueta <code><b></code> se utiliza en pares. El contenido se escribe entre la etiqueta de apertura (<code><b></code>) y la de cierre (<code></b></code>).
Ejemplo de la etiqueta HTML <code><b></code>:
Ejemplo de la etiqueta HTML <code><b></code>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document </title>
</head>
<body>
<p><b>This section of the text </b> has been rendered in bold,</p>
</body>
</html>Resultado
La apariencia predeterminada del elemento <code><b></code> es negrita, pero puede cambiarla usando CSS. También se puede usar la propiedad CSS font-weight para establecer texto en negrita.
Ejemplo de la propiedad font-weight para poner el texto en negrita:
Una sección del texto en negrita|Etiqueta HTML <code><b></code>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document </title>
<style>
.bold-text {
font-weight: 700;
}
</style>
</head>
<body>
<p>
<span class="bold-text">This section of the text </span>
has been rendered in bold.
</p>
</body>
</html><code><b></code> frente a <code><strong></code>
Tanto el elemento <code><b></code> como <strong> muestran el texto en una tipografía en negrita. La diferencia es que la etiqueta <code><strong></code> indica texto de mayor importancia, mientras que la etiqueta <code><b></code> es puramente presentacional y no tiene significado semántico. Para texto en negrita puramente estilístico sin peso semántico, también puede usar el valor bold de la propiedad CSS font-weight.
Atributos
La etiqueta <code><b></code> admite Atributos globales y Atributos de eventos.
Cómo aplicar un atributo global a una etiqueta HTML <b>
<p>The <b class="highlight" title="Important keyword">keyword</b> is emphasized here.</p>Práctica
¿Cuál es la función de la etiqueta HTML <b>?