1. Etiqueta <i> :
es uno de los elementos de HTML que se utiliza para formatear textos HTML. Se utiliza para definir un texto en términos técnicos, un modo o voz alternativos, un pensamiento, etc.
Sintaxis:
<i> Content... </i>
2. Etiqueta <em> :
También es uno de los elementos de HTML que se utiliza para dar formato a los textos. Se utiliza para definir texto o declaraciones enfatizadas.
Sintaxis:
<em> Content... </em>
Por defecto, el resultado visual es el mismo. La principal diferencia entre estas dos etiquetas es que la etiqueta <em> enfatiza semánticamente la palabra o sección de palabras importante, mientras que la etiqueta <i> es solo texto compensado con un estilo convencional en cursiva para mostrar un estado de ánimo o una voz alternativos. A continuación se muestra el código para mostrar esta diferencia entre los dos:
Ejemplo 1 :
HTML
<!DOCTYPE html>
<html>
<head>
<title>b Tag</title>
<style>
body {
text-align:center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<p><i>Iron Man</i> is a hero.</p>
<p>Gfg is the <em>best</em> educational site.</p>
</body>
</html>
Producción :
Aquí, no hay mayor énfasis o importancia en la palabra «Iron Man». Aquí solo indica que el hierro no es un mineral o un metal, sino que se refiere a un carácter. Pero en la siguiente oración, el lector usará énfasis verbal en la palabra «mejor».
Ejemplo-2:
HTML
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Difference between <i> and <em> tag of HTML</title> </head> <body> <h1><i>This senetence is in Italic</i></h1> <h1> <em>This sentence has emphasized meaning.</em></h1> </body> </html>
Producción :
Aunque parecen ser iguales pero el significado semántico es diferente.
Navegador compatible: los navegadores compatibles con las etiquetas <i> y <em> 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
Publicación traducida automáticamente
Artículo escrito por aktmishra143 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA