Hoy hablaremos de la etiqueta em en HTML. Presta especial atención, porque esta etiqueta puede ser un poco confusa.
Pero no te preocupes, para eso estoy aquí: para explicarte de manera clara y sencilla qué es y cómo se utiliza esta etiqueta <em> HTML.
Además, vamos a explorar cómo se diferencia de otros elementos que tienen una función muy parecida.
Antes de sumergirnos en el tema, quiero recordarte que este capítulo forma parte del diccionario HTML del canal, donde vemos cada una de las etiquetas de este lenguaje.
Si te quedas con alguna duda o quieres preguntarme lo que sea, tienes la sección de comentarios de abajo para hacerlo.
Y ahora, sin más preámbulos, ¡vamos al lío!
¿Qué es EM en HTML?
La etiqueta em se utiliza para destacar un fragmento de texto. El contenido dentro de una etiqueta em normalmente se muestra en cursiva en la mayoría de navegadores (a menos que estés utilizando uno muy raro).
Aquí es importante mencionar que el propósito principal de em es semántico, y sirve para indicar que el texto dentro de la etiqueta debe ser enfatizado, dándole importancia o un cierto carácter de urgencia.
Diferencia entre etiqueta <i> y <em>
Es importante no confundir la etiqueta <em> con la etiqueta <i> en HTML, ya que no sirven para lo mismo.
La etiqueta em se diferencia de la i, que también muestra el texto en cursiva, pero en el caso de la i, se utiliza principalmente por una cuestión de estilo o apariencia y no tiene ninguna implicación semántica adicional, como sí lo tiene la etiqueta em.
Cómo usar la etiqueta EM (ejemplo)
Ahora, vamos a ver en el editor un ejemplo para que entiendas mejor cómo funciona.
Fíjate aquí en este ejemplo tan sencillo que tenemos delante.
<body>
<p>Este es un <em>texto destacado</em> dentro de un párrafo.</p>
</body>Dentro de la etiqueta body tenemos un párrafo y, dentro del mismo párrafo, una etiqueta em que enfatiza un fragmento de texto que, por cualquier motivo, nos interesa destacar.
Esto realmente no tiene más complicación: simplemente enmarcamos el fragmento que queramos destacar.
Diferencia entre EM en HTML y EM en CSS
No hay que confundir tampoco la etiqueta <em> en HTML con em en CSS.
Muy importante: <em> en HTML hace referencia a una etiqueta, como hemos visto en este ejemplo.
Y «em» en CSS es una unidad de medida que se utiliza para personalizar tamaños de fuentes y otros estilos. Pero bueno, la verdad es que tampoco tiene más complicación: una cosa es HTML y la otra es CSS.
En fin, espero que te haya servido esta lección de HTML.
Como siempre, si tienes cualquier duda o sugerencia, puedes dejarla en los comentarios y yo te responderé encantado de la vida.
Nos vemos en la próxima lección, ¡adiós!