¿Como funciona el comando en HTML5: 'strong'?

Descripción del Elemento <strong> y sus Atributos

El elemento <strong> en HTML5 se usa para dar énfasis fuerte al texto. Esta etiqueta indica que el contenido tiene una gran importancia, y por defecto, la mayoría de los navegadores muestran el texto señalado con esta etiqueta en negrita.

Atributos Comunes del Elemento <strong>:

1. Globales:

   1. class: Define una o más clases CSS para el elemento.
   2. id: Proporciona un identificador único para el elemento.
   3. style: Permite aplicar estilos CSS en línea directamente al elemento.
   4. title: Establece un texto de información que aparece cuando el usuario pasa el cursor sobre el elemento.
   5. lang: Define el idioma del contenido del elemento.
   6. dir: Indica la dirección del texto. Sus valores pueden ser ltr (left-to-right), rtl (right-to-left) y auto.
   7. tabindex: Permite controlar el orden de tabulación del elemento.
   8. accesskey: Proporciona un atajo de teclado para el elemento.

2. Atributos de Eventos:

   1. onclick: Ejecuta JavaScript cuando el elemento es clicado.
   2. ondblclick: Ejecuta JavaScript cuando el elemento es doble clicado.
   3. onmousedown: Ejecuta JavaScript cuando se presiona un botón del ratón sobre el elemento.
   4. onmouseup: Ejecuta JavaScript cuando se suelta un botón del ratón sobre el elemento.
   5. onmouseover: Ejecuta JavaScript cuando el cursor está sobre el elemento.
   6. onmouseout: Ejecuta JavaScript cuando el cursor deja el elemento.
   7. onmousemove: Ejecuta JavaScript cuando el ratón se mueve dentro del elemento.

3. Atributos de Datos:

   1. data-*: Permite embebnar datos personalizados privados dentro de las páginas o aplicaciones web.

Uso del Elemento <strong> en HTML5

El uso principal del <strong> es dar una importancia significativa a un texto dentro de tu documento HTML. A la larga, esto no solo afecta la apariencia visual (haciendo el texto más destacado o en negrita), sino también puede influir en la accesibilidad y la tecnología de asistencia, que puede pronunciar el texto con una entonación diferente para transmitir su importancia.

Ejemplos Sencillos de Uso:

1. Énfasis en una Frase:

   <p>Este es un <strong>mensaje muy importante</strong> para todos los alumnos.</p>

   En este caso, la frase "mensaje muy importante" se mostrará en negrita para enfatizar su relevancia.

2. Texto en Encabezados:

   <h1>Sitio Web de Noticias</h1>
   <p>En nuestro portal encontrarás <strong>las noticias más recientes</strong> del día.</p>

   Aquí, "las noticias más recientes" se destaca para resaltar su importancia en el contexto del sitio de noticias.

3. Datos en una Tabla:

   <table>
    <tr>
      <th>Producto</th>
      <th>Precio</th>
    </tr>
    <tr>
      <td>Ordenador</td>
      <td><strong>$1200</strong></td>
    </tr>
    <tr>
      <td>Móvil</td>
      <td>$800</td>
    </tr>
   </table>

   En este caso, el precio del "Ordenador" se resalta para que sea más notorio en la tabla.

4. Dentro de una Lista:

   <ul>
    <li><strong>Primero</strong>: Entregar la tarea antes del viernes.</li>
    <li>Segundo: Revisar el feedback.</li>
   </ul>

   Aquí, la palabra "Primero" se destaca para señalar la prioridad del primer punto.

Estos ejemplos muestran cómo el uso del elemento <strong> puede hacer que partes específicas del texto se destaquen visualmente y semánticamente, mejorando así la comunicación y la accesibilidad del contenido web.