HTML Tutorial

HTML-tagg: <bdo>

Användning av <bdo>

Taggen <bdo> används för att ange riktningen för text som visas inom den. Detta kan vara användbart när du vill visa text på två språk eller när du vill styra textens riktning i förhållande till webbläsarens språkinställningar.

Attribut för <bdo>

Taggen <bdo> har följande attribut:

  • dir: Anger textens riktning. Kan ha följande värden:
    • ltr: Vänster till höger (standard)
    • rtl: Höger till vänster

Exempel med <bdo>

Exempel 1: Visa text på två språk

<p>
Här är texten på svenska: <bdo dir="ltr">Svenska</bdo>.
<br>
Här är texten på arabiska: <bdo dir="rtl">العربية</bdo>.
</p>

Exempel 2: Styr textens riktning

<p>
Denna text kommer att visas från vänster till höger, även om webbläsarens språkinställningar är inställda på höger till vänster: <bdo dir="ltr">Vänster till höger</bdo>.
</p>

Utforska <bdo>-taggen

Ett enkelt HTML-exempel som visar hur <bdo>-taggen kan användas:

<!DOCTYPE html>
<html>
<head>
<title>Utforska <bdo>-taggen</title>
</head>
<body>
<h1>Text på två språk</h1>
<p>
Här är texten på svenska: <bdo dir="ltr">Svenska</bdo>.
<br>
Här är texten på arabiska: <bdo dir="rtl">العربية</bdo>.
</p>
</body>
</html>