Cuando utilizamos etiquetas HTML, debemos tener claro que además de tener cierta semántica, las etiquetas también tienen estilos por defecto, como <b> (negrita), <em> (cursiva), etc. A través de estas etiquetas podemos usarlas sin Recurrir a CSS. Definir estilos para el contenido de las páginas web. Muchas de estas etiquetas con semántica y estilos predeterminados son para texto. A través de estas etiquetas, podemos formatear el texto (agregar estilos al texto), como poner el texto en negrita , cursiva o subrayado .
¿Cuáles son los formatos de texto HTML?
Ejemplo:
(1)<b> Texto en negrita </b>
(2) <i> texto en cursiva </i>
(3) <code>Salida automática por computadora</code>
(4) Esto es <sub>subíndice</sub> y <sup>superíndice</sup>
Las cuatro anteriores son las que usamos con frecuencia. Aquí están las muchas etiquetas que se usan para formatear el texto en HTML, para que pueda buscarlas y registrarlas en el futuro:
Según sus diferentes funciones, estas etiquetas de texto formateadas se pueden dividir en dos categorías según el significado y la función del texto:
(1) Etiquetas físicas: estas etiquetas se utilizan para establecer la apariencia del texto;
(2) Etiquetas lógicas: este tipo de etiqueta se utiliza para darle al texto algún valor lógico o semántico.
Como se puede ver en la tabla anterior, algunas etiquetas tienen el mismo efecto de presentación pero una semántica diferente, como las etiquetas <strong> y <b>, <em> y <i>, que se presentarán en detalle a continuación.
● Diferencia entre las etiquetas <strong> y <b>
Puntos similares: b y strong hacen que la fuente esté en negrita.
Diferencia uno:
Pero fuerte tiene una semántica más fuerte, lo cual es mejor para optimizar la búsqueda y le permite conocer el efecto semántico de su contenido. b solo enfatiza el efecto visual, pero no es útil semánticamente.
Diferencia dos:
Fuerte es la etiqueta de xhtml en el estándar web, y fuerte significa "énfasis"; b es de html y b significa negrita (negrita).
Para cumplir con los estándares actuales del W3C, se recomienda utilizar la etiqueta fuerte.
●La diferencia entre las etiquetas <em> y <i>
La principal diferencia: <em> es un estilo basado en contenido y <i> es un estilo basado en física.
<i> es un elemento visual (elemento de presentación), que significa respectivamente negrita y cursiva sin sentido. Solo significa que el estilo está en negrita o cursiva, pero no tiene semántica enfatizada. Estas dos etiquetas no están incluidas en HTML4.01. para usarlo, se recomienda usar el estilo CSS;
<em> son elementos de frase. <em> (texto enfatizado) representa texto enfatizado general y esta etiqueta tiene un significado semántico. El contenido de esta etiqueta es más valorado en los motores de búsqueda y algunos lectores de voz también reforzarán el tono al leer en función de él.