HTML タグ：正しい理解と使い方

定義と使い方

タグは
該当する内容に対する強い（strong）重要性、深刻性、または緊急性を示します。

特徴

重要性（Importance）：タグは、見出し、キャプション、または段落の中で、実際に重要な部分と、より詳細な説明、よりユーモラスな内容、あるいは単に付加的な内容となる他の部分とを区別するために使用できます。
深刻性（Seriousness）：タグは、警告や注意事項などの深刻さを示すために使用される場合があります。
緊急性（Urgency）：タグは、ユーザーが文書の他の部分よりも早く確認する必要がある緊急な内容を示すために使用される場合があります。

活用例

次の例を通して、タグの正しい使用方法について確認してみましょう。

重要性（Importance）：見出し、キャプション、段落などにおける重要な部分を明確に強調し、通常のテキストと区別

次の例では、キャプション内の写真名は、使用句（「写真 1」）および説明（「曲線の美がその姿を引き立てます。」）と区別するために、タグで示されています。

ほとんどのブラウザでは、タグの文字の太さ（font-weight）は太字（bold）で表示されます。

深刻性（Seriousness）：警告や注意事項などの深刻さを示すための表示

緊急性（Urgency）：ユーザーが文書の他の部分よりも優先して確認する必要がある緊急の内容

HTML

<p>本日のメモです。</p>
<ul>
    <li><strong>ガスの元栓を閉める</strong></li>
    <li>ゴミを捨てる</li>
    <li>洗濯機を回す</li>
</ul>

使用方法の注意事項

単に文字の太さを変更したい場合は

ほとんどのブラウザでは、タグの文字の太さ（font-weight）は太字（bold）で表示されます。

しかし、単にスタイル目的で文字を太くするためにタグを使用してはいけません。見た目の装飾だけを目的として太字にしたい場合は、CSSのfont-weightプロパティを使用してください。

``タグと``タグの違い

多くの開発者がHTMLを扱う際によく混乱する点の一つに、異なるタグであっても、ブラウザ上では同じ表示結果になる場合があることが挙げられます。

タグとタグはその代表的な例です。
どちらもブラウザでは、デフォルトでテキストを太字（bold）として表示します。

視覚的な効果は同じですが、これら二つのタグが持つ意味は異なります。二つのタグを比較すると、次のような違いが確認できます。

厳密に言うと、タグは「非常に重要な内容」を示すためのものであり、タグは重要性を強調するものではなく、テキストに注意を引くために使用されます。

``タグと``タグの違い

タグは、HTML4では「より強調する（more emphasis）」ものとして定義されていましたが、HTML5では「内容に対する強い重要性（strong importance for its contents.）」を示すものとして定義されています。これは重要な区別です。（出典：MDN - : The Strong Importance element# vs. ）

タグは
周囲のテキストと比べて文脈的に重要な内容を強調（stress emphasis）するために使用されるタグです。
このタグは、周囲のテキストに比べて文脈的に特に重要な内容を強調し、ユーザーの注意を引く役割を果たします。

タグは、文中で明示的または暗示的な対比を表現する際に主に使用され、タグが文中のどこに配置されるかによって文の意味が変わるのに対し、タグは配置位置によって文の意味が変わることはありません。あくまで「非常に重要な内容」を示す意味で使用されます。

技術的文法の要約

<strong>タグの技術的文法の要約
許可されている親要素	構文コンテンツを許可するすべての要素
許可されている子要素	構文コンテンツ
暗黙的な `role` 属性値	`strong`
許可される `role` 属性値	すべて（Any）

ブラウザ互換性

strongタグのブラウザ互換性
タグ	デスクトップ Chrome	デスクトップデスクトップ Edge	デスクトップ Firefox	Safari
`<strong>`	1	12	1	4

仕様書

strongタグの仕様書
仕様書
`<strong>`	HTML Standard #the-strong-element

HTML <strong>タグ：正しい理解と使い方

定義と使い方

特徴