web-dev-qa-db-fra.com

<strong> vs <em>?

Quelle est la différence? Les deux soulignent le texte. La balise <em> affiche le texte en italique, alors que <strong> met le texte en gras, est-ce la seule différence?

htmlxhtmlsemantics
44
Jitendra Vyas

Ouais, la définition de ce qu’on appelle «accentuation forte» est comparée à «accentuation» est plutôt floue. La seule définition standard deserait “c’est souligné , mais more !!”.

Personnellement, j’utilise <em> pour une emphase normale où vous lisiez le mot souligné avec un ton de voix différent, et <strong> pour cette chose où vous prenez mots et expressions clés pour les extraire du texte afin d’aider les gens à parcourir plus rapidement le texte. texte choisir les sujets.

Ce n'est pas une interprétation standard, mais cela a du sens et est rendu correctement par les styles par défaut italiques/gras. Quoi que vous fassiez, soyez cohérent .

55
bobince

<strong> est une balise que vous mettriez autour d'une phrase ou d'une phrase pour indiquer que "ceci est plus important que le texte environnant".

<em> est généralement utilisé pour indiquer le stress d'un mot dans une phrase.

Par exemple:

Malgré ce que certains pourraient dire, il y a is une différence sémantique entre les éléments.

Pour une distinction claire entre l’accent sur l’importance et l’importance du texte et davantage d’exemples, voir le projet HTML 5 .

14
Alohci

En HTML4:

EM indique une emphase. 

FORT: indique un accent plus fort.

http://www.w3.org/TR/html4/struct/text.html#h-9.2.1

6
Quentin

Notez que la différence va changer :

En HTML 4.01, la balise <strong> définissait Le texte fortement souligné, mais en HTML 5 Elle définissait le texte important.

Ne rend pas la question plus claire, n'est-ce pas?

3
Michael Borgwardt

D'après les spécifications WHATWG Living Standard HTML :

em représente l'accent mis sur son contenu:

These examples show how changing the stress emphasis changes the meaning. First, a general statement of fact, with no stress:

<p>Cats are cute animals.</p> By emphasizing the first Word, the statement implies that the kind of animal under discussion is in question (maybe someone is asserting that dogs are cute):

<p><em>Cats</em> are cute animals.</p> Moving the stress to the verb, one highlights that the truth of the entire sentence is in question (maybe someone is saying cats are not cute):

<p>Cats <em>are</em> cute animals.</p> By moving it to the adjective, the exact nature of the cats is reasserted (maybe someone suggested cats were mean animals):

<p>Cats are <em>cute</em> animals.</p> Similarly, if someone asserted that cats were vegetables, someone correcting this might emphasise the last Word:

<p>Cats are cute <em>animals</em>.</p> By emphasizing the entire sentence, it becomes clear that the speaker is fighting hard to get the point across. This kind of stress emphasis also typically affects the punctuation, hence the exclamation mark here.

<p><em>Cats are cute animals!</em></p> Anger mixed with emphasizing the cuteness could lead to markup such as:

<p><em>Cats are <em>cute</em> animals!</em></p>

strong représente une importance, un sérieux ou une urgence pour son contenu:

<p>Welcome to Remy, the reminder system.</p>
<p>Your tasks for today:</p>
<ul>
 <li><p><strong>Turn off the oven.</strong></p></li>
 <li><p>Put out the trash.</p></li>
 <li><p>Do the laundry.</p></li>
</ul>
1
alexrogins

em: indique l'emphase.

strong: indique un accent plus fort.

Son effet dans l'outil d'accessibilité utilisateur (NVDA).

C'est aussi l'effet dans le référencement.

Référence: https://www.w3.org/TR/html4/struct/text.html#h-9.2.1

0
Arman Hakim Sagar