HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで太字テキストを表示するには？タグの使い方を解説

HTMLでテキストを太字にして表示したい場合は、<strong>タグを使用します。<strong>タグは、単に見た目を太くするだけでなく、そのテキストが「重要である」ことを意味的に示すための要素です。

<strong>タグとは？

<strong>タグは、文書の中で特に重要なテキストを強調するために使用されるHTMLタグです。ブラウザ上では通常、囲まれたテキストが太字で表示されます。

なお、見た目だけを太字にしたい場合は<b>タグも使えますが、重要性を伝えたい場合には、SEOやアクセシビリティの観点から<strong>タグの使用が推奨されています。

使用例

以下のコードを実行すると、HTMLで<strong>タグを使った太字表示を確認できます。

<!Doctype html>
<html>
    <head>
       <title>HTML strong Tag</title>
    </head>
    <body>
       <p>This is an <strong>important</strong> text</p>
    </body>
</html>

このコードでは、「important」という単語が<strong>タグで囲まれているため、ブラウザ上で太字として表示されます。

まとめ

  • 太字かつ重要なテキストを示すには<strong>タグを使う
  • 装飾目的のみなら<b>タグやCSS（font-weight）も選択肢になる
  • 意味的な強調が必要な場面では<strong>がベストプラクティス
  1. HTMLで挿入されたテキストをマークする方法｜insタグの使い方を解説

    HTMLで挿入されたテキストをマークするには、<ins>〜</ins>タグを使用します。このタグは、同じドキュメントの複数バージョン間の差分を確認・表示する際に非常に重要な役割を果たします。また、ドキュメントに新しく追加されたテキストの範囲を明示したい場合にも活用できます。ブラウザ上では、<ins>タグで囲まれたテキストは通常下線付きで表示され、「ここに文字が追加された」ことが視覚的にひと目でわかるようになります。基本的な使い方以下のコードを実行すると、HTMLで挿入されたテキストをマークする方法を実際に確認できます。<!DOCTYPE html>

  2. HTMLで取り消し線（打ち消し線）テキストを表示する方法【CSSでの実装手順を解説】

    HTMLで取り消し線（打ち消し線）のついたテキストを表示したい場合、かつては<strike>〜</strike>タグが使われていました。このタグは文字通り、テキストに取り消し線を引いて表示します。しかし、<strike>タグはHTML5では廃止（非推奨）されており、現在のWeb制作では使用すべきではありません。代わりに、CSSのtext-decorationプロパティを使うのが標準的な方法です。CSSのtext-decorationプロパティを使う方法CSSで取り消し線を実現するには、text-decoration: line-through;というスタイル