Diferencia entre etiqueta fuerte y negrita en HTML

Etiqueta fuerte HTML: La etiqueta fuerte es uno de los elementos de HTML que se utiliza para dar formato a los textos HTML. Se utiliza para mostrar la importancia del texto poniéndolo en negrita o resaltándolo semánticamente.

Sintaxis:

<strong> Contents... </strong>

Etiqueta en negrita HTML: La etiqueta en negrita o <b> también es uno de los elementos de formato de HTML. El texto escrito bajo la etiqueta <b> hace que el texto se presente en negrita para llamar la atención.

Sintaxis:

<b> Contents... </b>

La principal diferencia entre estas dos etiquetas es que la etiqueta fuerte enfatiza semánticamente la palabra o sección de palabras importante, mientras que la etiqueta en negrita es solo texto compensado con un estilo convencional en negrita . A continuación se muestra el código para mostrar esta diferencia.

Ejemplo 1: 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <style>
        body {
            text-align:center;
        }
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
     
     
<p><strong>
        This text is important!
    </strong></p>
 
     
     
<p><b>This text is bold.</p>
 
</body>
 
</html>                 

Producción:

Aunque no hay diferencia en la visualización de ambas etiquetas, hay una diferencia semántica entre ellas.

Ejemplo 2: 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>b tag</title>
     
    <style>
        body {
            text-align:center;
        }
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
     
     
<p>
        Without <strong>internet</strong>
        we can not use gfg
    </p>
 
     
     
<p>
        <b>GeeksforGeeks:</b> A computer
        science portal for geeks
    </p>
 
</body>
 
</html>                   

Producción:

Queríamos mostrar la importancia de la palabra «internet», así que usamos la etiqueta <strong> mientras que para la palabra «GeeksforGeeks», simplemente queríamos dar formato al texto en negrita.

Navegador compatible: los navegadores compatibles con las etiquetas <b> y <strong> se enumeran a continuación.

  • Cromo
  • Android
  • Firefox (Geco)
  • Firefox móvil (Geco)
  • Internet Explorer (IE)
  • Borde móvil
  • Ópera
  • Ópera Móvil
  • Safari (WebKit)
  • safari móvil

Veamos las diferencias en forma tabular -:

  etiqueta fuerte etiqueta en negrita
1. La etiqueta <strong> se usa para definir texto con gran importancia La etiqueta negrita (<b>) especifica texto en negrita sin ninguna importancia adicional.
2. El texto dentro de esta etiqueta está en negrita Hace que cualquier texto esté en negrita.
3. Admite los atributos globales. Admite los atributos de evento.
4. Admite los atributos de evento. Admite los atributos globales.
5.

Sus navegadores compatibles son -:

Chrome, Microsoft Edge, Safari, Firefox, Opera Mini

Sus navegadores compatibles son -:

Chrome, Microsoft Edge, Safari, Firefox, Opera Mini

Publicación traducida automáticamente

Artículo escrito por aktmishra143 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *