em と Strong の違いは 3 つのレベルで議論できます。
まず HTML 4.01 の指示を見てください。
EM: 強調を示します。
STRONG:
em は強調を意味し、strong はより強調を意味します。簡潔かつ簡潔なステートメントは、em と Strong のネーミングの由来を示しています。また、ブラウザでは、em はデフォルトで斜体で表示され、strong は太字で表示されます。これが最初のレベルの違いです。
第 2 レベルでは、文脈の強調と全体の強調、および em と強いの 2 つの記事に優れた要約があります
。em は局所的な強調に使用します。
「strong」は、誰かがあなたの文書を見たとき、一目で特定の単語やフレーズが飛び出すようにするためのもので、これらがコンテンツの要点を構成する単語やフレーズです。
em はローカル強調に使用され、strong はグローバル強調に使用されます。視覚的な観点から見ると、em の強調は適切であり、どこかで読んだときに初めて気づくでしょう。 「strong」の強調は、特定の記事を読んだときにすぐに目立つ、ランダムで順序のないキーワードです。イタリックとボールドは、これら 2 つの視覚効果を満たすだけなので、em と Strong のデフォルトのスタイルになっています。
上記で明確に説明できたと思いますか? 3 番目のレベルの違いを見てみましょう。 HTML5 ドラフトで詳しく説明されています。
em 要素は、その内容の強調を表します。強調の位置によって文の意味が変わります。
強い要素は、その内容の重要性が強いことを表します。強い要素でテキストの重要性を変更しても、文の意味は変わりません。
em は内容の強勢の強調を表し、strong は文の意味を変更しませんが、em は文の意味を変更します。そして、非常に良い例を挙げました。
<p><em>猫</em>はかわいい動物です。</p>
猫に重点を置き、どの動物が賢くてかわいいかを議論します。
<p>猫は<em></em>かわいい動物です。</p>
猫が賢いのか、かわいいのかが重視されています。
<p>猫は<em>かわいい</em>動物です。</p>
賢さとかわいさを強調して、猫は賢くてかわいいのか、それとも愚かで迷惑なのか、という議論が行われます。
<p><strong>警告。</strong> このダンジョンは危険です。
<strong>アヒルを避けて</strong>ください。見つけた金はすべて持っていきましょう。
<strong><strong>ダイヤモンドは一切取らないでください</strong>。
それらは爆発性があり<strong>中にあるものを破壊します。
10 メートル</strong></strong>警告されました。</p>
Strong は重要性を強調する表現であり、文の意味は変わりません。最後に、em と Strong は両方とも複数の値を持つことができることに注意してください。たとえば、コンテンツが重要であることを示すために 2 つの Strong を使用できます。
第 2 レベルで言及されているローカルな強調とグローバルな強調は十分に正確ではないことがわかります。 em と Strong の違いの謎は、HTML5 ドラフトで完全に説明されています。時間があるときに HTML5 ドラフトを注意深く読むことをお勧めします。多くの要素のセマンティクスが非常に明確に説明されており、最も適切な場所で最も適切なラベルを使用するのに非常に役立ちます。
最後に、記事「フロントエンドと移民労働者」への返信や受け取った電子メールでは、残念ながら、第 3 レベルの違いを知っている人は見つかりませんでした。なので、用意したプレゼント(本当は10個も用意したんです)は、あまりにも寂しいので送ることができませんでした。ただし、この記事は単なる紹介にすぎません。次に、一連の記事を使用して HTML の要素のセマンティクスを調べます。ギフトの約束は引き続き有効で、次のトピックに進みます。dl
のセマンティクスを説明し、少なくとも 5 つの使用シナリオをリストしてください。
情報を確認して結果を返信していただくか、メールでお送りください。プレゼントは先着10名様に限ります。
補足:友人たちと議論した結果、私の最終的な意見は、「
emは文の強調点であり、これを付けるか付けないかで意味が変わる」というものです。
Strong は重要性を強調することであり、ローカルな状況や世界的な状況とは関係ありません。 Strong は重要性を強調し、文の意味を変えることはありません。