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

HTMLで双方向テキストの書式設定時に周囲から分離すべきテキストを表現するには？

HTMLでは、<bdi>タグを使用することで、周囲のテキストとは異なる書字方向を持つテキストを埋め込み、分離（アイソレート）されたテキストとして表現できます。

bdiタグとは？

<bdi>（Bidirectional Isolation）要素は、双方向テキストの書式設定において、その内容を周囲のテキストから切り離して扱いたい場合に使用します。

特に、アラビア語やヘブライ語のように右から左へ読む言語と、日本語や英語のように左から右へ読む言語が混在するコンテンツでは、文字の並び順が意図せず崩れることがあります。<bdi>タグで該当部分を囲むことで、周囲のテキストの影響を受けずに正しく表示できます。

使用例

以下のコードを実行すると、双方向テキストの書式設定のために周囲から分離されるテキストを表現できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML bdi Tag</title>
   </head>
   <body>
      <p>Quizzes:</p>

      <ul>
         <li>Programming: <bdi>Java</bdi></li>
         <li>Scripting: <bdi>JavaScript</bdi></li>
         <li>Mobile: <bdi>Android</bdi></li>
      </ul>
   </body>
</html>

ポイント

  • ユーザー名やコメントなど、書字方向が不明なコンテンツを挿入する際に特に有効です。
  • 類似の用途としては<bdo>タグがありますが、こちらはテキストの方向を強制的に上書きするもので、役割が異なります。
  1. HTMLテキストフォーマットとは？主要な書式設定タグ10選と使い方を解説

    HTMLのテキストフォーマット（書式設定）とは、HTML文書内でテキストの見た目や意味を整えるために特別に用意された要素のことです。これらのタグを使いこなすことで、太字・斜体・ハイライトなど、さまざまなテキスト表現が可能になり、文章の可読性や伝わりやすさが大きく向上します。 基本構文 テキストフォーマット用タグの基本的な書き方は以下のとおりです。 <tagname>content</tagname> 主なテキストフォーマットタグ一覧 HTMLで使われる代表的なテキストフォーマットタグは、以下の10種類です。 番号タグと説明 1<b>テキストを太字に

  2. パソコン・スマホから匿名SMSを無料で送信する方法！おすすめサイト＆アプリ8選

    調査目的、内部告発、あるいは友人へのいたずらなど、匿名でテキストメッセージを送りたい場面は意外と多いものです。ユーザーは少しずつSMSからインスタントメッセージングサービスへ移行しつつありますが、今でもショートメッセージサービス（SMS）を愛用している人は多く存在します。そんな方々のために、インターネット経由で身元を明かさずにテキストメッセージを送れる便利なサイト＆アプリを厳選してご紹介します。 警告：本記事は情報提供およびエンターテインメント目的のみを意図しています。当メディアは、読者の方が本記事で紹介するアプリやサイトを違法行為に利用することを推奨・助長するものではありません。なお、これら