A diferença entre i, em, b, elementos fortes através das especificações HTML5

Muitos rótulos novos foram adicionados para o HTML5 semântico. Entre eles, os dois grupos de rótulos de I, EM e B e Strong são os mais fáceis de confundir. Este também é um problema que muitas vezes pergunta na frente -entrevistas. Hoje, da fonte, ou seja, do documento html5 (https://w3c.github.io/html/textlevel-semantics.html#the-d-element)!

Primeiro de tudo, apenas pelo efeito da exibição, sem CSS adicional, o texto cercado por tags I e EM será apresentado como oblíquo, e o texto cercado por B e as tags fortes serão mostradas espessas. Como mostrado na figura

O efeito é o seguinte:

<b> e <i> No início da criação, eles simplesmente representam o corpo espesso e o estilo oblíquo, mas em HTML5, para as características semânticas, esses dois rótulos também receberam semântica. CSS o que aconteceu. No entanto, a semântica dos dois grupos de rótulos acima de cada um tem seu próprio foco.

O elemento I representa um período de texto em uma voz ou humor alternativo, ou compensado da prosa normal de uma maneira indicando uma qualidade diferente do texto, como uma designação taxonômica, um termo técnico, uma frase idiomática de outra linguagem, transliteração , um pensamento ou um nome de navio nos textos ocidentais.

i ， ， ， ， ， ， ， 一个外语习语 ， 一个音译 ， 一个想法 ， 或者Um nome de navio no texto ocidental.

 // Nome da categoria <P> O <i Class = Taxonomy> Felis Silvesstris Catus </i> é fofo /p> // Língua Estrangeira XI <P> Há um certo <i Lang = Feel </i> no ar

Você pode aplicar a classe na tag I para indicar a intenção de usar esse elemento, para que o estilo especial não precise verificar todos os documentos para alterá -lo se precisar modificá -lo no futuro. Ao usar a tag I, é recomendável considerar se deve aplicar outras tags.

O elemento EM representa a ênfase do estresse de seu conteúdo.

A colocação da ênfase do estresse muda o significado da sentença.

O elemento EM representa a ênfase em seu conteúdo. Destacando a ênfase no significado da própria afirmação. Portanto, o elemento constitui parte do conteúdo. Dessa maneira, o grau de ênfase depende de qual idioma está assim.

 // Esta é uma frase sem ênfase <p> gatos são animais fofos. São animais fofos. Os gatos são animais fofos, em vez de algumas pessoas dizem que os animais médios e irritantes <p> gatos são animais </em>. > Animais </em>

O elemento EM não é o elemento de itálico genérico.

O elemento EM também não é a importância de Incheng;

EM não é um rótulo oblíquo comum. Às vezes, é mais adequado para que alguns textos sejam diferentes das outras partes do parágrafo por causa de diferentes partes ou tom. A tag Em não é para mostrar a importância.

O elemento B reprime de texto para o qual a atenção está sendo atraída para fins utilitários sem nenhuma importância extra e sem impressão de uma voz ou humor alternativo, como palavras -chave em um resumo de documentos, nomes de produtos em uma revisão, palavras acionáveis ​​em texto interativo -Software dirigido, ou um artigo Lede.

O E elemento representa um texto que se concentra em um propósito prático sem nenhuma importância adicional ou não implica palavras ou tom diferentes, como palavras -chave em um resumo de texto ou em um artigo de um artigo.

 // Os seguintes elementos B desempenham um papel em destacar palavras -chave, mas não têm o papel da ênfase na importância. Introdução do artigo >

O elemento B deve ser usado como último recurso quando nenhum outro é mais apropriado. Use o elemento Mark.

Ou seja, quando não há outro elemento, finalmente está considerando a tag B. Em particular, o título deve usar as tags H1 a H6, destacando a ênfase no conteúdo do conteúdo do conteúdo, destacando o importante rótulo de emergência forte e o rótulo de texto usando a tag Mark.

O elemento forte reprime a forte importância, a seriedade ou o desejo de seu conteúdo.

O elemento forte representa a forte importância, gravidade ou conteúdo urgente do conteúdo.

<strong> Os elementos podem ser usados ​​nas manchetes, capa ou parágrafos para exibir a importância desta parte do texto.

 // O número de série da seção não é importante, o nome do capítulo é importante.

<strong> elementos podem ser usados ​​para marcar avisos ou sinais de alerta.

 <p> <strong> Aviso

<strong> Os elementos podem ser usados ​​para indicar peças que precisam ser vistas o mais rápido possível.

 <p> <p> Bem -vindo ao Remy, o sistema de lembrete. P> </li> <li> <p> Planeja o lixo. l ></ul> </ul> </ul>

De acordo com as especificações, os cenários semânticos de EM e fortes são óbvios.

1. Em mudará o significado do texto.

2. Strong destacará a importância, a gravidade e a urgência do texto.

3. Para representar diferentes idiomas ou características do texto, as tags I são um pouco parecidas com o conteúdo representado pelo órgão oblíquo nos tipotas (termos técnicos, práticas de língua estrangeira etc.).

4. A tag B é principalmente para destacar a exibição de palavras -chave, nomes de produtos, etc.;

As especificações semânticas da etiqueta B também são muito vagas, por isso não é recomendado.

O acima é o conteúdo deste artigo.