Cuál es la diferencia entre y etiquetas?

7 minutos de lectura

avatar de usuario
Jitendra Vyas

Ambos enfatizan el texto. los <em> etiqueta muestra el texto en cursiva, mientras que <strong> lo hace audaz. ¿Es esta la única diferencia?

Sí, la definición de lo que es ‘énfasis fuerte’ en comparación con solo ‘énfasis’ es bastante confusa. El único definición estándar sería “es enfatizadopero más!!”.

personalmente uso <em> para énfasis normal donde leerías la palabra enfatizada en un tono de voz diferente, y <strong> por esa cosa donde te llevas palabras y frases clave para seleccionarlos del texto para ayudar a las personas que hojean el texto a seleccionar los temas.

Esta no es una interpretación estándar, pero tiene cierto sentido y se representa de manera adecuada con los estilos de cursiva/negrita predeterminados. Hagas lo que hagas, se consistente.

  • escribiste “… tono de voz diferente”, significa que la diferencia solo está relacionada con el lector de pantalla, no con las pantallas. ¿Deberíamos diseñar como texto en negrita y como texto en cursiva, siempre?

    – Jitendra Vyas

    20 de diciembre de 2009 a las 20:31

  • No, dales el estilo que quieras, pero el uso de negrita para palabras cortas (ya que se destacan) y cursiva para palabras enfatizadas (que no lo hacen) es bastante común. En cuanto al tono de voz, lo que realmente quiero decir es el tono de voz en el que lo leerías en voz alta (o en tu cabeza), en lugar de cualquier cosa que tenga que ver específicamente con los lectores de pantalla (aunque también podrían hacerlo).

    – bobince

    20 de diciembre de 2009 a las 21:07

  • Está muy bien descrito y etiquetado aquí (cs.tut.fi/~jkorpela/html/em.html) como énfasis /local/ versus /global/.

    – Rabarberski

    13 de enero de 2011 a las 14:38

  • Si bien, como señala bobince, no hay una distinción clara, su interpretación está de acuerdo con la convención literaria, es decir, la cursiva se usa típicamente para transmitir énfasis al leer. No existe una convención literaria particular para el texto en negrita; en un contexto web donde el hojear es típico, tiene sentido usar negrita para palabras/frases clave como menciona bobince. Y aunque la semántica es importante, está bien usar CSS para aplicar negrita/cursiva, por ejemplo, <div>Lorem <span class="bold">ipsum</span> <span class="italic">dolor</span></div>.

    – calamar

    13 de noviembre de 2012 a las 18:37


  • @Rabarberski esa página tiene con mucho la explicación más clara que he escuchado: El mejor enfoque es probablemente tratar em como énfasis “local”, que debe indicarse cuando se lee el texto, pero no es necesario que salte a la vista del lector, mientras que fuerte es para énfasis “global”, que es más o menos lo contrario: texto marcado. El uso fuerte debe resaltarse de manera prominente, pero generalmente no se enfatiza cuando se lee el texto. – ¡Perfecto!

    – mindplay.dk

    22 de marzo de 2016 a las 8:11

avatar de usuario
Alohci

es una etiqueta que colocarías alrededor de una oración o frase para indicar que “esto es más importante que el texto que lo rodea”.

se usa generalmente para indicar el estrés de una palabra dentro de una oración.

Por ejemplo:

A pesar de lo que algunos puedan decir, hay es una diferencia semántica entre los elementos.

Para una clara distinción entre énfasis e importancia, y más ejemplos, ver el borrador de HTML 5.

  • No hay nada en la especificación acerca de que uno se aplique a las palabras y el otro a las frases.

    – Quintín

    20 de diciembre de 2009 a las 20:22

  • La distinción entre palabras y frases es incidental a mi respuesta.

    – Alohci

    20 de diciembre de 2009 a las 21:26

  • Creo que esta es una gran respuesta, ya que no solo está indicando una especificación, sino que brinda un poco más de información sobre lo que realmente significan los dos.

    – Jasón

    3 de marzo de 2012 a las 8:18

  • La distinción de palabras y frases no parece incidental a esta respuesta. Casi no veo otro contenido en esta respuesta (aparte de un enlace externo). Si el punto es otra cosa, la respuesta debería dejarlo claro. ¿Es el punto de distinguir “más importante” de “estrés”? No veo diferencia entre esos. Hasta donde yo sé, el “estrés” se usa para referirse a formas de indicar importancia.

    – cachondo

    3 sep 2021 a las 18:43

avatar de usuario
Quentin

En HTML4:

EM indica énfasis.

FUERTE: Indica un énfasis más fuerte.

http://www.w3.org/TR/html4/struct/text.html#h-9.2.1

  • de contenido de texto rodeado por esas etiquetas

    – macbirdie

    20 de diciembre de 2009 a las 20:24

  • Es una cosa semántica. Decide que ese fragmento de texto necesita más énfasis, por lo que lo etiqueta con .

    – Oded

    20 de diciembre de 2009 a las 20:24

  • Encontré información en wikipedia. en.wikipedia.org/wiki/Énfasis_%28tipografía%29 pero solo dice que tiene un estilo de texto diferente

    – Jitendra Vyas

    20 de diciembre de 2009 a las 20:26

  • Me gusta pensar en ello como la diferencia entre “ no fui a la tienda” y “No haga acércate a la sierra circular”. Ambos tienen énfasis, pero uno es un poco más fuerte.

    – mandril

    20 de diciembre de 2009 a las 20:38

  • Debe consultar el borrador de HTML5, que indica más claramente la distinción entre el énfasis y la importancia.

    – Alohci

    20 de diciembre de 2009 a las 21:02

Tenga en cuenta que la diferencia va a cambiar:

En HTML 4.01, el <strong> la etiqueta definía texto fuertemente enfatizado, pero en HTML 5 define texto importante.

No hace que el problema sea más claro, ¿verdad?

avatar de usuario
alexrogers

De los WHATWG Especificaciones HTML estándar de vida:

los em elemento

los em El elemento representa el énfasis de énfasis de su contenido.

[…]

La colocación del énfasis del acento cambia el significado de la oración. El elemento forma así parte integrante del contenido. La forma precisa en que se usa el acento de esta manera depende del idioma.


Ejemplo

Estos ejemplos muestran cómo cambiar el énfasis del acento cambia el significado. Primero, una declaración general de hecho, sin énfasis:

Cats are cute animals.

Al enfatizar la primera palabra, la declaración implica que el tipo de animal en cuestión está en cuestión (tal vez alguien esté afirmando que los perros son lindos):

<p><em>Cats</em> are cute animals.</p>

Pasando el acento al verbo, uno destaca que la verdad de toda la oración está en duda (tal vez alguien esté diciendo que los gatos no son lindos):

<p>Cats <em>are</em> cute animals.</p>

Al trasladarlo al adjetivo, se reafirma la naturaleza exacta de los gatos (quizás alguien sugirió que los gatos eran animales malvados):

<p>Cats are <em>cute</em> animals.</p>

De manera similar, si alguien afirma que los gatos son vegetales, alguien que corrija esto podría enfatizar la última palabra:

<p>Cats are cute <em>animals</em>.</p>

Al enfatizar toda la oración, queda claro que el orador está luchando duro para transmitir el mensaje. Este tipo de énfasis también suele afectar a la puntuación, de ahí el signo de exclamación aquí.

<p><em>Cats are cute animals!</em></p>

La ira mezclada con enfatizar la ternura podría conducir a marcas como:

<p><em>Cats are <em>cute</em> animals!</em></p>

Nota

[…]

los em elemento […] no pretende transmitir importancia; para tal fin, el strong elemento es más apropiado.


[…]

los strong elemento

los strong elemento representa una fuerte importancia, seriedad o urgencia por su contenido.
[…]

En este ejemplo, el strong El elemento se utiliza para indicar la parte del texto que el usuario debe leer primero.

<p>Welcome to Remy, the reminder system.</p>
<p>Your tasks for today:</p>
<ul>
 <li><p><strong>Turn off the oven.</strong></p></li>
 <li><p>Put out the trash.</p></li>
 <li><p>Do the laundry.</p></li>
</ul>

avatar de usuario
Roland Racz

em: Indica énfasis.

strong: Indica un énfasis más fuerte.

Su efecto en la herramienta de accesibilidad del usuario (NVDA).

Su efecto también en SEO.

Referencia: https://www.w3.org/TR/html4/struct/text.html#h-9.2.1

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad