Saltar al contenido

Etiqueta HTML <em>

La etiqueta &lt;em&gt; especifica un texto que tiene énfasis. Los navegadores muestran el texto dentro de esta etiqueta en cursiva.

La etiqueta &lt;em&gt; es un elemento de marcado lógico. En contraste, la &lt;i&gt; etiqueta también muestra el texto en cursiva pero cumple un propósito semántico diferente: representa texto en una voz o tono alternativo, como términos técnicos o frases en idiomas extranjeros.

éxito

La etiqueta &lt;em&gt; no está obsoleta, pero es posible lograr efectos más ricos con la propiedad CSS font-style.

La etiqueta &lt;em&gt; se considera una etiqueta de frase, lo que indica que una sección del texto tiene un significado estructural.

Sintaxis

La etiqueta &lt;em&gt; viene en pares. El contenido se escribe entre las etiquetas de apertura (&lt;em&gt;) y cierre (&lt;&#8203;/em&gt;).

Ejemplo de la etiqueta HTML &lt;em&gt;:

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>It is a normal paragraph</p>
    <p>The important part of the text is <em>shown in italic</em>.</p>
  </body>
</html>

Resultado

ejemplo de etiqueta em

Diferencias entre las etiquetas &lt;em&gt; y &lt;i&gt;

Las etiquetas &lt;em&gt; y &lt;i&gt; a menudo se confunden porque ambas ponen el texto en cursiva por defecto. Sin embargo, sus significados semánticos difieren. La etiqueta &lt;em&gt; indica énfasis, mientras que la etiqueta &lt;i&gt; representa texto en una voz o tono alternativo, como términos técnicos, frases en idiomas extranjeros o designaciones taxonómicas.

Atributos

La etiqueta &lt;em&gt; admite los Atributos Globales y los Atributos de Eventos.

Cómo dar estilo a una etiqueta HTML &lt;em&gt;

html
<style>
  em {
    font-style: italic;
    color: #333;
  }
</style>
<p>This is <em>important</em> text.</p>

Práctica

¿Cuál es la función de la etiqueta HTML <em>?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.