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

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

HTMLでテキストを強調表示したい場合は、<em>タグを使用します。このタグは、囲まれた部分が「強調（emphasis）」であることを示すセマンティックな意味を持ち、多くのブラウザではデフォルトでイタリック体（斜体）として表示されます。

基本的な使い方

<em>タグは開始タグと終了タグのペアで構成されており、強調したいテキストをその間に記述します。ドキュメント内の任意のテキストに対して適用でき、文章中の特定の語句を際立たせるのに便利です。

コード例

以下のコードを実行すると、HTMLにおける<em>タグの実装方法を実際に確認できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML emタグ</title>
   </head>
   <body>
      <p>シンプルに、<em>楽しく</em>学ぼう。</p>
   </body>
</html>

覚えておきたいポイント

  • <em>タグは単なる見た目の装飾ではなく、文書の意味を伝える役割も持ちます。スクリーンリーダーは強調部分を特別なトーンで読み上げることがあります。
  • 意味を持たせず、単に斜体にしたいだけの場合は、<i>タグの使用が適しています。
  • より強い「重要性」を示したい場合は、<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;というスタイル