Logische Textauszeichnungen
Beschreibung:
Elemente für logische Auszeichnung ordnen den Inhalt in bestimmte Kategorien zu und weisen dem Text eine bestimmte Bedeutung oder Absicht zu. Der Text erscheint je nach Bedeutung anders. Bei logischen Elementen entscheidet der Web-Browser, wie ein solcher Text dargestellt wird, wobei dies immer im Zusammenhang mit der Funktion des Elementes steht und durch CSS bestimmt werden kann.
Attribute:
Die meisten Elemente für logische Textauszeichnug haben keine eigenen Attribute, aber Sie können alle Universalattribute anwenden.
Hinweis:
Sie können Elemente für logische Textauszeichnung sehr gut mit Stylesheets verwenden und diese entsprechend Ihrer Wünsche formatieren.
Textbedeutung "betont":
Das Element em (em = emphasis = Betonung) zeichnet de Text zwischen dem Start-Tag <em> und dem End-Tag </em> mit der Bedeutung " betont" aus.
Quelltext:
Sie können Text <em>betont</em>
darstellen.Ausgabe:
Textbedeutung "stark betont":
Das Element strong (strong = stark) zeichnet de Text zwischen dem Start-Tag <strong> und dem End-Tag </strong> mit der Bedeutung "stark betont" aus.
Quelltext:
Sie können Text <strong>stark betont
</strong> darstellen.Ausgabe:
Textbedeutung "dies ist Quelltext":
Das Element code (code = (Computer-) Code) zeichnet den Text zwischen dem Start-Tag <code> und dem End-Tag </code> mit der Bedeutung "dies ist ein Quelltext" aus und stellt den Text meist monospaced dar.
Quelltext:
<code>Dieser Teil des Textes
wird als Computer-Code an-
gezeigt.</code> Dieser Teil
des Textes nicht!Ausgabe:
Dieser Teil des Textes wird als Computer-Code angezeigt.
Dieser Teil des Textes nicht!
Textbedeutung "dies ist ein Beispiel":
Das Element samp (samp = sample = Beispiel) zeichnet den Text zwischen dem Start-Tag <samp> und dem End-Tag </samp> mit der Bedeutung "dies ist ein Beispiel" aus.
Quelltext:
<samp>Dieser Text hat die
Bedeutung "dies ist ein
Beispiel"</samp> Dieser Text
hat keine besondere Bedeutung.Ausgabe:
Textbedeutung "dies ist vom User einzugebener Text"
Das Element kbd (kbd = keyboard = Tastatur) zeichnet den Text zwischen dem Start-Tag <kbd> und dem End-Tag </kbd> mit der Bedeutung "dies ist ein vom User einzugebender Text" aus.
Quelltext:
Bitte geben Sie ein: <kbd>Ja<kbd>
oder <kbd>Nein</kbd>Ausgabe:
Textbedeutung "dies ist eine Variable"
Das Element var (var = variable = Variable) zeichnet den Text zwischen dem Start-Tag <var> und dem End-Tag </var> mit der Bedeutung "dies ist eine Variable" aus.
Quelltext:
Dies ist eine gekennzeichnete
<var>Variable</var>.Ausgabe:
Textbedeutung "dies ist die Quelle oder der Autor"
Das Element cite (cite = zitieren) zeichnet den Text zwischen dem Start-Tag <cite> und dem End-Tag </cite> mit der Bedeutung "dies ist die Quelle oder der Autor" aus. Das eigentliche Zitat wird mit dem Inline-Element q oder dem Block-Element blockquote definiert.
Quelltext:
Zitat von <cite>Mark Twain</cite>
Ausgabe:
Textbedeutung "dies ist eine Definition"
Das Element dfn (dfn = definition = Definition) zeichnet den Text zwischen dem Start-Tag <dfn> und dem End-Tag </dfn> mit der Bedeutung "dies ist eine Definition" aus.
Quelltext:
Definition von Definition:<br />
<dfn>Eine Definition ist eine
möglichst eindeutige Bestimmung
eines Begriffes.</dfn>
Ausgabe:
Eine Definition ist eine möglichst eindeutige Bestimmung eines Begriffes.
Textbedeutung "dies ist eine Abkürzung"
Das Element abbr (abbr = abbreviation = Abkürzung) zeichnet den Text zwischen dem Start-Tag <abbr> und dem End-Tag </abbr> mit der Bedeutung "dies ist eine Abkürzung" aus.
Quelltext:
<abbr>usw</abbr> = und so weiter
Ausgabe:
Textbedeutung "dies ist ein Akronym"
Das Element acronym (acronym = Akronym = Kurzwort) zeichnet den Text zwischen dem Start-Tag <acronym> und dem End-Tag </acronym> mit der Bedeutung "dies ist ein Akronym" aus. Ein Akronym ist ein Kurzwort aus den Anfangsbuchstaben mehrerer Wörter.
Quelltext:
<acronym>HTML</acronym> =
HyperText Markup Language
Ausgabe:
Textbedeutung "dies ist ein kurzes Zitat"
Das Element q (q = quotation = Zitat) zeichnet den Text zwischen dem Start-Tag <q> und dem End-Tag </q> mit der Bedeutung "dies ist ein kurzes Zitat" aus.
Quelltext:
Zitat von <cite>Mark Twain</cite>:
<q>Wenn wir bedenken, daß wir alle
verrückt sind, ist das Leben
erklärt.</q>Ausgabe:
Wenn wir bedenken, daß wir alle verrückt sind, ist das Leben erklärt.
Textbedeutung "dieser Text ist neu dazugekommen"
Das Element ins (ins = insert = einfügen) zeichnet den Text zwischen dem Start-Tag <ins> und dem End-Tag </ins> mit der Bedeutung "dieser Text ist neu dazugekommen" aus.
Quelltext:
Dieser Satz ist der orginal Eintrag.
<ins>Dieser Satz ist neu hinzugefügt
worden.</ins>
Ausgabe:
Textrichtung ändern
Das Element bdo (bdo = bidirectional overwrite = Überschreiben der automatischen Bidirektionalität) bestimmt die Schreibrichtung des Textes zwischen dem Start-Tag <bdo> und dem End-Tag </bdo>. Um eine Textrichtung zu definieren müssen Sie noch das Attribut dir="Wert" (dir = direction = Richtung) im Start-Tag notieren. Für "Wert" können sie entweder "rtl" (von rechts nach links) oder "ltr" (von links nach rechts) angeben.
Quelltext:
<bdo dir="rtl">Dieser Text verläuft
von rechts nach links.</bdo>
<bdo dir="ltr">Dieser text verläuft
von links nach rechts.</bdo>