codestory

Die Anleitung zu Attribut HTML dir

  1. HTML Direction

1. HTML Direction

Die Sprache HTML wird erstellt um sicherzustellen, dass sie die aller verschiedenen Kulturen entsprechenden website erstellen kann. Das Arabisch ist eine der meist populäre Sprache in die Welt. Die Inhalt der arabischen Bücher und Website werden von rechts nach links geschrieben (Right To Left - RTL), das der sonstigen Ländern außergewöhnlich ist.
Z.B: Unter ist das eine Website von der IRAQ Regierung
Um die Inhalt eines Element vom rechts nach links anzuzeigen benutzen wir das Attribut dir='rlt':
dir-example.html
<!DOCTYPE html>
<html>
   <head>
      <title>HTML Dir Attribute</title>
      <meta charset="UTF-8"/>
      <style>
          div {
            border: 1px solid green;
            padding: 5px;
            margin: 10px 0;
          }
      </style>
   </head>
   <body>
       <h1>HTML Dir Attribute</h1>
       <hr/><br/>
       <div>
           <h3>LTR (Left-to-Right) Direction! (Default)</h3>
           I am a Text.
        </div>
       <div dir = "rtl">
          <h3>RTL (Right-to-Left) Direction!</h3>
          I am a Text.
       </div>
   </body>
</html>
Die meisten Browser unterstützen das Attribut dir, außer von Internet Explorer und Edge.
<element dir = "ltr|rtl|auto">..</element>
Die Wert
Die Bezeichnung
ltr
wird für die Sprache benutzt, die vom links nach rechts, z.B englisch geschrieben werden.
rlt
wird für die Sprache benutzt, die vom rechts nach links, z.B Arabisch geschrieben werden.
auto
Der Browser basiert auf den Benutzer-Agent um sich zu entscheiden. Er benutzt ein Algorithmus um die Inhalt innerhalb des Element zu analysieren bis wenn er eine starke Ausrichtung Ziffer (strong directionality) gefunden hat, dann wendet diese Ausrichtung für alle Elements an.
Achtung: HTML5 unterstützt das Attribut dir für alle Elements, inzwischen unterstützt HTML4 dieses Attribut für alle Element außer <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, <script>.