Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】strong要素の使い方

strong要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

strongオブジェクトは、HTMLドキュメント内でテキストの重要性を強調するための要素を表すオブジェクトです。この要素は、その内容が非常に重要であることを示したい場合に使用されます。単に視覚的にテキストを太字にしたいだけであれば、CSSのfont-weightプロパティを用いることが推奨されますが、strongオブジェクトは、内容にセマンティックな重要性を付与するという点で異なります。

たとえば、ウェブページ上で警告文や注意書き、あるいは読み手に必ず目を通してもらいたい重要な情報を示す際にstrongオブジェクトを使用します。これにより、ブラウザや検索エンジン、スクリーンリーダーなどの支援技術に対して、そのテキストが他の部分と比べて特別に重要であることを明確に伝えます。多くのブラウザでは、strongオブジェクトで囲まれたテキストはデフォルトで太字で表示されますが、これはあくまで視覚的な表現の一例に過ぎません。

アクセシビリティの観点からも、strongオブジェクトは重要です。スクリーンリーダーは、strongオブジェクトでマークアップされたテキストを、通常のテキストよりも強調して読み上げることがあります。これにより、視覚に障がいのあるユーザーも、情報の重要度を適切に理解できます。

HTML Living Standardでは、strongオブジェクトは「重要性 (strong importance)」を示すものと定義されており、emオブジェクトが「強調 (emphasis)」を示すものとは区別されます。strongオブジェクトは、より高いレベルの重要性や深刻度を示すために用いられ、文書の構造と意味を正確に伝える上で不可欠な役割を担っています。

公式リファレンス: <strong>: The Strong Importance element

構文(syntax)

1<strong>強調したいテキスト</strong>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ