HTML Tutorial

HTML-tagg: <bdi>

Vad är <bdi> Taggen?

<bdi> (bidirectional isolation) används för att isolera en del av texten så att den kan formateras i en annan riktning än resten av texten. Detta är användbart för att hantera text på olika språk som har olika skrivriktningar (t.ex. arabiska och engelska).

Hur Använder Man <bdi> Taggen?

  1. Markera texten du vill isolera.
  2. Klicka på knappen "Bidi Isolation" i redigeringsverktygsfältet.
  3. Texten omsluts med -taggar.

Attribut för <bdi>

  • dir: Anger skrivriktningen för den isolerade texten. Kan vara "ltr" (vänster till höger) eller "rtl" (höger till vänster).

Exempel med <bdi>

<p>Den <bdi>arabiska</bdi> texten är skriven från höger till vänster.</p>

Utforska <bdi> Taggen

HTML-exempel:

<p>
  <span>Den engelska texten är skriven från vänster till höger.</span>
  <span><bdi dir="rtl">Den arabiska texten är skriven från höger till vänster.</bdi></span>
</p>

Förklaring:

  • Texten "Den engelska texten är skriven från vänster till höger." är skriven med standardformateringen.
  • Texten "Den arabiska texten är skriven från höger till vänster." är omsluten i <bdi>-taggar med attributet "dir=rtl". Detta tvingar texten att visas från höger till vänster, även om den omgivande texten är skriven från vänster till höger.