Die Anleitung zu Attribut HTML dir
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>.
Anleitungen HTML
- Einführung in HTML
- Installieren Sie den Atom Editor
- Installieren Sie Atom HTML Preview
- Beginnen Sie mit HTML
- Die Anleitung zu HTML Images
- Die Anleitung zu HTML Block/Inline Elements
- Bearbeiter HTML
- Installieren Sie Atom-Beautify
- Die Anleitung zu HTML Styles
- Die Anleitung zu HTML Hyperlink
- Die Anleitung zu HTML Email Link
- Die Anleitung zu HTML Paragraphs
- Die Anleitung zu HTML IFrame
- Die Anleitung zu HTML Entity
- Die Anleitung zu HTML Lists
- Die Anleitung zu HTML Tables
- Die Anleitung zu HTML Col, Colgroup
- Die Anleitung zu HTML Heading
- Die Anleitung zu HTML Quotation
- Die Anleitung zu HTML URL Encoding
- Die Anleitung zu HTML Video
- Die Anleitung zu Attribut HTML dir
Show More