web-dev-qa-db-ja.com

<strong>対<em>？

違いはなんですか？どちらもテキストを強調しています。 <em>タグはテキストを斜体で表示しますが、<strong>はテキストを太字にします。これが唯一の違いですか？

htmlxhtmlsemantics
45
Jitendra Vyas

ええ、「強い強調」を単に「強調」と比較したものの定義はかなりうんざりしています。唯一の標準定義は、「それは強調」ですが、more!!」。

個人的に私は<em>通常の強調では、強調されたWordを別の声調で読み、<strong>あなたが取るものについてキーワードとフレーズテキストからそれらを選択して、テキストをスキミングする人々が主題を選択できるようにします。

これは標準的な解釈ではありませんが、ある程度の意味があり、デフォルトの斜体/太字スタイルで適切にレンダリングされます。何をするにせよ、一貫性を保つ。

60
bobince

<strong>は、「これは周囲のテキストよりも重要である」ことを示すために文やフレーズを囲むタグです。

<em>は通常、文内の単語の強調を示すために使用されます。

例えば：

一部の人が言うかもしれませんが、要素間には意味的な違いがあります。

強調と重要性の明確な違い、およびその他の例については、 HTML 5ドラフトを参照 。

15
Alohci

HTML4の場合：

EMは強調を示します。

STRONG：強調が強いことを示します。

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

6
Quentin

違いが変わることに注意してください ：

HTML 4.01では、<strong>タグは強く強調されたテキストを定義しましたが、HTML 5では重要なテキストを定義しています。

問題は明確になりませんか？

3
Michael Borgwardt

WHATWGの Living standard HTML spec から：

emは、その内容の強調を表します。

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は、そのコンテンツの強い重要性、深刻さ、または緊急性を表します。

<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：強調を示します。

strong：より強調されていることを示します。

ユーザーアクセシビリティツール（NVDA）での効果。

SEOにも効果があります。

リファレンス： https://www.w3.org/TR/html4/struct/text.html#h-9.2.1

0
Arman Hakim Sagar