HTML の BDO を使った双方向テキスト

はじめに

HTML の<bdo>タグは、主に異なる言語が混在している場合に、テキストの方向を変更するために使用されます。このタグは、右から左に読む言語（例えばアラビア語やヘブライ語）と、左から右に読む言語（例えば英語）を一緒に表示する必要がある場合に便利です。この実験では、HTML の<bdo>タグを使用して双方向のテキストを作成する方法を学びます。

注：index.html でコーディングを練習し、Visual Studio Code で HTML を書く方法を学ぶことができます。画面右下の「Go Live」をクリックして、ポート 8080 でウェブサービスを実行します。その後、Web 8080 タブを更新して、ウェブページをプレビューできます。

HTML タグ

新しいファイルを作成し、「index.html」と名付けます。

次のコードをindex.htmlファイルに追加して、HTML タグを開きます。

<!doctype html>
<html>
  <head>
    <title>Bi-Directional Text using bdo tag</title>
  </head>
  <body></body>
</html>

bdo タグの追加

ボディタグの間に、<bdo>タグを使用して双方向のテキストを作成するために次のコードを追加します。

<h3>Bi-Directional Text using bdo tag:</h3>
<bdo dir="rtl">مرحبا بالعالم</bdo><br />
<bdo dir="ltr">Hello world</bdo>

ここでは、双方向のテキストの簡単な例を作成しました。dir属性を追加して、bdoタグ内のテキストの方向を指定します。rtl値は、ブラウザに対して右から左にテキストを読むように指示し、ltr値は、ブラウザに対して左から右にテキストを読むように指示します。

index.htmlファイルを保存し、ウェブブラウザで開きます。これで、ページに双方向のテキストが表示されているはずです。

まとめ

<bdo>タグは、ウェブページ上で双方向のテキストを作成するために使用されます。これは、右から左に読む言語と左から右に読む言語を一緒に表示するのに役立ちます。dir属性は、bdoタグ内のテキストの方向を指定するために使用され、ltrまたはrtlの 2 つの値を持つことができます。テキストの意味を変える可能性があるため、このタグを注意深く使用してください。