Heim > Web-Frontend > HTML-Tutorial > Detaillierte Erläuterung der Verwendung und Funktion des -Tags in HTML

Detaillierte Erläuterung der Verwendung und Funktion des -Tags in HTML

黄舟
Freigeben: 2017-06-21 13:35:59
Original
4243 Leute haben es durchsucht

Das

dir-Attribut im html-Tag gilt als internationales Attribut. Das dir-Attribut kann verwendet werden, um die Anzeigerichtung von Text im Browser anzugeben .

Wenn Sie die Richtung des gesamten Dokuments oder des größten Teils des Dokuments angeben müssen, sollten Sie das dir-Attribut im -Element verwenden, anstatt dieses Attribut im -Element zu verwenden Dafür gibt es zwei Gründe: Das -Element wird von Browsern besser unterstützt und das Attribut wird dann sowohl auf das Head-Element als auch auf Elemente im Body angewendet. Wenn Sie die Ausrichtung eines kleinen Teils des Dokuments ändern möchten, können Sie auch das dir-Attribut für ein Element im Hauptteil des Dokuments verwenden. Das Attribut

dir hat zwei Werte:

ltr: von links nach rechts, Standardwert.

rtl: Von rechts nach links werden einige Sprachen, wie z. B. Hebräisch oder Arabisch oder Altchinesisch, klassisches Chinesisch, von rechts nach links gelesen.

Anwendungsbeispiele sind wie folgt:

Definieren Sie ein Dokument, das von links nach rechts gelesen wird:

<html dir="ltr">
Nach dem Login kopieren

Definieren Sie ein Dokument, das von rechts nach links gelesen wird:

<html dir="rtl">
Nach dem Login kopieren

Sehen wir uns zunächst ein einfaches Beispiel an:

<bdo dir="ltr">我非常爱你</bdo>
<bdo dir="rtl">你爱常非我</bdo>
Nach dem Login kopieren

Sie werden den Effekt verstehen, wenn Sie den obigen Code in HTML einfügen

Hinweis: Wenn Sie das bod-Tag verwenden, müssen Sie das Tag-Attribut dir verwenden, das sich auf die Anordnungsreihenfolge von links nach rechts bezieht, und rtl bezieht sich auf die Anordnungsreihenfolge von rechts nach links.

Das Anzeigeergebnis ist:

 我非常爱你 
   
   我非常爱你
Nach dem Login kopieren

Wir sehen, dass unterschiedliche Textsortierungen nach der Definition durch bdo zum gleichen Anzeigeergebnis führen. Der bidirektionale Unicode-Algorithmus kehrt die eingebettete Zeichenfolge basierend auf ihren Richtungseigenschaften automatisch um. Die Grundrichtung englischer Dokumente ist beispielsweise von links nach rechts (vlnr). Wenn ein Abschnitt des Dokuments Sprache enthält, die von rechts nach links (rtl) gelesen wird, können Sie einen bidirektionalen Algorithmus anwenden, um die Richtung der Sprache umzukehren. Der bidirektionale Algorithmus und das DIR-Tag-Attribut reichen normalerweise aus, um Änderungen in der Einbettungsorientierung zu verarbeiten. Wenn Sie formatierten Text jedoch an einen bidirektionalen Algorithmus übermitteln, können Fehler auftreten. Beispielsweise wird ein in einer E-Mail formatiertes Textsegment, das Englisch und Hebräisch enthält, vom bidirektionalen Algorithmus falsch konvertiert. Da die Lesereihenfolge des hebräischen Textes bereits im E-Mail-Format konvertiert wurde, führt die Anwendung des bidirektionalen Algorithmus dazu, dass der Text erneut konvertiert wird. Das BDO-Element deaktiviert den bidirektionalen Algorithmus und steuert die Lesereihenfolge. Wenn Sie das BDO-Element verwenden, müssen Sie das Dir-Tag-Attribut verwenden.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung und Funktion des

-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Vorheriger Artikel:Die Verwendung und Definition des HTML-Tags Nächster Artikel:Verwendung und Definition des
-Tags in HTML
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage