定義と使い方
<strong>タグは
該当する内容に対する強い(strong)重要性、深刻性、または緊急性を示します。
特徴
- 重要性(Importance):
<strong>タグは、見出し、キャプション、または段落の中で、実際に重要な部分と、より詳細な説明、よりユーモラスな内容、あるいは単に付加的な内容となる他の部分とを区別するために使用できます。 - 深刻性(Seriousness):
<strong>タグは、警告や注意事項などの深刻さを示すために使用される場合があります。 - 緊急性(Urgency):
<strong>タグは、ユーザーが文書の他の部分よりも早く確認する必要がある緊急な内容を示すために使用される場合があります。
活用例
次の例を通して、<strong>タグの正しい使用方法について確認してみましょう。
重要性(Importance):見出し、キャプション、段落などにおける重要な部分を明確に強調し、通常のテキストと区別
次の例では、キャプション内の写真名は、使用句(「写真 1」)および説明(「曲線の美がその姿を引き立てます。」)と区別するために、<strong>タグで示されています。
<figcaption>
写真 1. <strong>韓屋の屋根</strong> 曲線の美がその姿を引き立てます。
</figcaption>
ほとんどのブラウザでは、<strong>タグの文字の太さ(font-weight)は太字(bold)で表示されます。
深刻性(Seriousness):警告や注意事項などの深刻さを示すための表示
<p><strong>警告:</strong>削除ボタンをクリックすると、データは完全に削除されます。</p>
警告:削除ボタンをクリックすると、データは完全に削除されます。
<p>建設現場では<strong>必ず安全帽を着用してください!</strong></p>
建設現場では必ず安全帽を着用してください!
緊急性(Urgency):ユーザーが文書の他の部分よりも優先して確認する必要がある緊急の内容
<p>本日のメモです。</p>
<ul>
<li><strong>ガスの元栓を閉める</strong></li>
<li>ゴミを捨てる</li>
<li>洗濯機を回す</li>
</ul>
本日のメモです。
- ガスの元栓を閉める
- ゴミを捨てる
- 洗濯機を回す
使用方法の注意事項
単に文字の太さを変更したい場合は
ほとんどのブラウザでは、<strong>タグの文字の太さ(font-weight)は太字(bold)で表示されます。
しかし、単にスタイル目的で文字を太くするために<strong>タグを使用してはいけません。見た目の装飾だけを目的として太字にしたい場合は、CSSのfont-weightプロパティを使用してください。
<p><span style="font-weight:bold;">子犬</span>は賢い動物です。</p>
子犬は賢い動物です。
<strong>タグと<b>タグの違い
多くの開発者がHTMLを扱う際によく混乱する点の一つに、異なるタグであっても、ブラウザ上では同じ表示結果になる場合があることが挙げられます。
<strong>タグと<b>タグはその代表的な例です。
どちらもブラウザでは、デフォルトでテキストを太字(bold)として表示します。
視覚的な効果は同じですが、これら二つのタグが持つ意味は異なります。二つのタグを比較すると、次のような違いが確認できます。
厳密に言うと、<strong>タグは「非常に重要な内容」を示すためのものであり、<b>タグは重要性を強調するものではなく、テキストに注意を引くために使用されます。
<strong>タグと<em>タグの違い
<strong>タグは、HTML4では「より強調する(more emphasis)」ものとして定義されていましたが、HTML5では「内容に対する強い重要性(strong importance for its contents.)」を示すものとして定義されています。これは重要な区別です。(出典:MDN - <strong>: The Strong Importance element#<em> vs. <strong>)
<em>タグは
周囲のテキストと比べて文脈的に重要な内容を強調(stress emphasis)するために使用されるタグです。
このタグは、周囲のテキストに比べて文脈的に特に重要な内容を強調し、ユーザーの注意を引く役割を果たします。
<em>タグは、文中で明示的または暗示的な対比を表現する際に主に使用され、タグが文中のどこに配置されるかによって文の意味が変わるのに対し、<strong>タグは配置位置によって文の意味が変わることはありません。あくまで「非常に重要な内容」を示す意味で使用されます。
技術的文法の要約
ブラウザ互換性
| タグ |
デスクトップ Chrome
|
デスクトップデスクトップ Edge
|
デスクトップ Firefox
|
Safari
|
|---|---|---|---|---|
<strong>
|
1 | 12 | 1 | 4 |
仕様書
| 仕様書 | |
|---|---|
<strong>
|
HTML Standard #the-strong-element |