Se han agregado muchas etiquetas nuevas para HTML5 semántico. Entre ellos, los dos grupos de etiquetas de I, EM y B, y Strong son los más fáciles de confundir. Este también es un problema que a menudo pregunta en las entrevistas frontales. ¡Hoy, de la fuente, es decir, del documento HTML5 (https://w3c.github.io/html/textlevel-semantics.html#the-delement)!
Explicación diferenteEn primer lugar, solo con el efecto de visualización, sin CSS adicionales, el texto rodeado por etiquetas I y Em se presentará como oblicua, y el texto rodeado por B y etiquetas fuertes se mostrarán gruesas. Como se muestra en la figura
El efecto es el siguiente:
<b> y <i> Al comienzo de la creación, simplemente representan el cuerpo grueso y el estilo oblicuo, pero en HTML5, para las características semánticas, estas dos etiquetas también recibieron semántica. CSS lo que pasó. Sin embargo, la semántica de los dos grupos de etiquetas por encima de cada uno tiene su propio enfoque.
I Introducción Descripción de la especificación:El elemento I representa un tramo de texto en una voz o estado de ánimo alternativo, o compensada de otra manera de la prosa normal de una manera que indica una calidad de texto diferente, como una designación taxonómica, un término técnico, una frase idiomática de otro idioma, transliteración , un pensamiento, o un nombre de barco en textos occidentales.
Traducción:i 元素代表在普通文本中具有不同语态或语气的一段文本 ， 某种程度上表明一段不同特性的文本 ， 比如一个分类学名称 一个技术术语 ， 一个外语习语 ， 一个音译 ， 一个想法 或者 或者Un nombre de barco en texto occidental.
Ejemplo:// Nombre de la categoría <p> El <I class = Taxonomy> Felis Silvesstris Catus </i> es lindo. /p> // idioma extranjero xi <p> Hay un cierto <i lang = Feel </i> en el aire.
Puede aplicar la clase en la etiqueta I para indicar la intención de usar este elemento para que el estilo especial no necesite verificar todos los documentos para cambiarlo si necesita modificarlo en el futuro. Al usar la etiqueta I, se recomienda considerar si aplicar otras etiquetas.
Emreucción de EM Descripción de la especificación:El elemento EM representa el énfasis del estrés de su contenido.
La colocación del énfasis del estrés cambia el significado de la sentencia.
Traducción:EM Elemento representa el énfasis en su contenido. Destacando el énfasis en el significado de la declaración en sí. Por lo tanto, el elemento constituye una parte del contenido. De esta manera, el grado de énfasis se basa en en qué lenguaje se encuentra.
Por ejemplo (similar a los chinos en chino para volver a leer una palabra para indicar diferentes significados):// Esta es una oración sin énfasis <p> Los gatos son animales lindos. Son animales lindos. Los gatos son animales lindos, en lugar de algunas personas dicen que los animales malos y molestos <p> son </em> animales. > Animales </em>.Nota al final de la especificación:
El elemento EM no es un elemento cursivo genérico.
El elemento EM tampoco es importancia de pulgada;
Traducción:EM no es una etiqueta oblicua ordinaria. A veces es más adecuado para que algunos textos sean diferentes de las otras partes del párrafo debido a diferentes partes o tono. La etiqueta EM no es para mostrar la importancia.
B Introducción Descripción de la especificación:El elemento B reprime el texto al que se está llamando la atención para fines utilitarios sin ninguna importancia adicional y sin impresión de una voz o estado de ánimo alternativo, como palabras clave en un documento abstracto, nombres de productos en una revisión, palabras procesables en texto interactivo -Lau del software impulsado, o un artículo lede.
Traducción:El elemento E representa un texto que se centra en un propósito práctico sin ninguna importancia adicional o no implica diferentes palabras o tono, como palabras clave en un resumen de texto o un artículo de un artículo.
Ejemplo:// Los siguientes elementos B juegan un papel en las palabras clave, pero no tienen el papel de énfasis en la importancia. Introducción del artículo. >Presupuesto:
El elemento B debe usarse como último recurso cuando ningún otro es más apropiado. Use el elemento Mark.
Es decir, cuando no hay otro elemento, finalmente está considerando la etiqueta B. En particular, el título debe usar etiquetas H1 a H6, destacando el énfasis en el contenido del contenido del contenido, destacando la etiqueta de emergencia importante y la etiqueta de texto utilizando la etiqueta Mark.
Fuerte introducción Descripción de la especificación:El elemento fuerte reprime una gran importancia, seriedad o impulso 13cy por su contenido.
Traducción:El elemento fuerte representa la gran importancia, gravedad o contenido urgente del contenido.
importanciaLos elementos <strong> se pueden utilizar en los titulares, capas o párrafos para mostrar la importancia de esta parte del texto.
// El número de serie de la sección no es importante, el nombre del capítulo es importante.Gravedad
Los elementos <strong> se pueden usar para marcar advertencias o señales de advertencia.
<p> <strong> Advertencia.Urgente
Los elementos <strong> se pueden usar para indicar piezas que deben verse lo antes posible.
<p> <p> Bienvenido a Remy, el sistema de recordatorio. P> </li> <li> <p> Ponga la basura. UL> </ul> </ul> </ul>resumen:
Según las especificaciones, los escenarios semánticos de EM y Strong son obvios.
1. EM cambiará el significado del texto.
2. Fuerte resaltará la importancia, la gravedad y la urgencia del texto.
3. Para representar diferentes lenguajes o características del texto, las etiquetas I son un poco como aquellos contenido representado por el cuerpo oblicuo en el tipo de comprensión (términos técnicos, prácticas de idiomas extranjeros, etc.).
4. La etiqueta B es principalmente para resaltar la visualización de palabras clave, nombres de productos, etc.;
Las especificaciones semánticas de la etiqueta B también son muy vagas, por lo que no se recomienda.
ResumirLo anterior es todo el contenido de este artículo.