Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

    <bdi>

    Bedeutung

    Definiert einen Bereich für bidirektionalen Text


    Notation

    <bdi [Attribute]>[Elementinhalt]</bdi>

    Elternelemente

    Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

    Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


    Elementinhalt

    Kann Text mit folgenden anderen HTML-Elementen enthalten:
    Liste der HTML 5 Inline-ElementeInline-Elemente.


    Attribute

    Kann folgende elementspezifische Attribute enthalten:
    zum HTML5 Attribut dirdir

    Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
    zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

    onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


    Beispiel
    <ul>
    <li> Benutzer mit <bdi dir="ltr"> arabischem Name </bdi> : 10 Beiträge.</li>
    <li> Benutzer mit <bdi dir="ltr"> Arabic name </bdi> : 10 Beiträge.</li>
    <li> Benutzer mit <bdi dir="ltr"> &#1575;&#1587;&#1605; &#1593;&#1585;&#1576;&#1610; </bdi> : 10 Beiträge.</li>
    <li> Benutzer mit <bdi dir="ltr"> &#1606;&#1575;&#1605; &#1593;&#1585;&#1576;&#1740;/&#1575;&#1587;&#1605; &#1593;&#1585;&#1576;&#1740; </bdi> : 10 Beiträge.</li>
    </ul>
    <ul>
    <li> Benutzer mit arabischem Name : 10 Beiträge.</li>
    <li> Benutzer mit Arabic name : 10 Beiträge.</li>
    <li> Benutzer mit &#1575;&#1587;&#1605; &#1593;&#1585;&#1576;&#1610; : 10 Beiträge.</li>
    <li> Benutzer mit &#1606;&#1575;&#1605; &#1593;&#1585;&#1576;&#1740;/&#1575;&#1587;&#1605; &#1593;&#1585;&#1576;&#1740; : 10 Beiträge.</li>
    </ul>
    Anzeigebeispiel
    • Benutzer mit arabischem Name : 10 Beiträge.
    • Benutzer mit Arabic name : 10 Beiträge.
    • Benutzer mit اسم عربي : 10 Beiträge.
    • Benutzer mit نام عربی/اسم عربی : 10 Beiträge.
    • Benutzer mit arabischem Name : 10 Beiträge.
    • Benutzer mit Arabic name : 10 Beiträge.
    • Benutzer mit اسم عربي : 10 Beiträge.
    • Benutzer mit نام عربی/اسم عربی : 10 Beiträge.

    Erläuterung

    Mit dem <bdi> Element wird ein Bereich definiert, in dem bidirektionaler Text dargestellt werden soll. Mit dem Attribut dir wird die Schreibrichtung des Elementinhalts definiert.

    Wird kein Bereich defniert, kommt es wie im 2. Beispiel zu verwirrendem Text, da der Name der Benutzer mit arabischem und persischem Namen ans Ende gestellt werden.


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel