From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/de/web/html/element/abbr/index.html | 202 ++++++++++++++++++++++++++++++ 1 file changed, 202 insertions(+) create mode 100644 files/de/web/html/element/abbr/index.html (limited to 'files/de/web/html/element/abbr') diff --git a/files/de/web/html/element/abbr/index.html b/files/de/web/html/element/abbr/index.html new file mode 100644 index 0000000000..8679e31e46 --- /dev/null +++ b/files/de/web/html/element/abbr/index.html @@ -0,0 +1,202 @@ +--- +title: ': Das Abkürzungselement' +slug: Web/HTML/Element/abbr +tags: + - Element + - HTML + - HTML Textlevel Semantik + - Referenz + - Web +translation_of: Web/HTML/Element/abbr +--- +
{{HTMLRef}}
+ +

Das HTML-Abkürzungselement (<abbr>) steht für eine Abkürzung oder ein Akronym. Das optionale Attribut {{htmlattrxref("title")}} kann eine Erweiterung oder Beschreibung für die Abkürzung bereitstellen. Wenn vorhanden, title diese vollständige Beschreibung und nichts anderes enthalten.

+ +
{{EmbedInteractiveExample("pages/tabbed/abbr.html", "tabbed-shorter")}}
+ + + +

Der Artikel Wie Abkürzungen markiert und verständlich gemacht werden, ist ein Leitfaden zur Verwendung von <abbr> und verwandten Elementen.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
InhaltskategorienFließender Inhalt, Formulierungsinhalt, fühlbarer Inhalt
Erlaubter InhaltFormulierungsinhalt
Tag Wegfall{{no_tag_omission}}
Erlaubte ElternelementeJedes Element, das Formulierungsinhalt akzeptiert
Erlaubte ARIA RollenAlle
DOM-Schnittstelle{{domxref("HTMLElement")}}
+ +

Attribute

+ +

Dieses Element unterstützt nur die globalen Attribute. Das Attribut {{htmlattrxref("title")}} hat bei Verwendung mit dem <abbr>-Element eine bestimmte semantische Bedeutung. Es muss eine vollständige von Menschen lesbare Beschreibung oder Erweiterung der Abkürzung enthalten. Dieser Text wird von Browsern häufig als Tooltip dargestellt, wenn der Mauszeiger über das Element bewegt wird.

+ +

Jedes <abbr>-Element, das Sie verwenden, ist unabhängig von allen anderen; wenn Sie title für eines angeben, wird derselbe Erweiterungstext nicht automatisch an ein anderes mit demselben Inhaltstext angehängt.

+ +

Nutzungshinweise

+ +

Typische Anwendungsfälle

+ +

Es ist sicherlich nicht erforderlich, dass alle Abkürzungen mit <abbr> markiert werden. Es gibt jedoch einige Fälle, in denen es hilfreich ist, dies zu tun:

+ + + +

Überlegungen zur Grammatik

+ +

Verwenden Sie in Sprachen mit {{interwiki ("wikipedia", "Numerus")}} (d. h. Sprachen, in denen die Anzahl der Elemente die Grammatik eines Satzes beeinflusst) die gleiche grammatikalische Nummer in Ihrem title-Attribut wie in Ihrem <abbr>-Element. Dies ist besonders wichtig bei Sprachen mit mehr als zwei Numeri, wie z. B. Arabisch, ist aber auch in Englisch relevant.

+ +

Standarddarstellung

+ +

Der Zweck dieses Elements ist ausschließlich für den Autor gedacht und wird von allen Browsern standardmäßig inline ({{cssxref('display')}}: inline) angezeigt. Die Standardeinstellung ist jedoch von Browser zu Browser unterschiedlich:

+ + + +

Beispiele

+ +

Eine Abkürzung semantisch markieren

+ +

Um eine Abkürzung zu markieren, ohne eine Erweiterung oder Beschreibung anzugeben, verwenden Sie einfach <abbr> ohne Attribute, wie in diesem Beispiel dargestellt.

+ +

HTML

+ +
<p>Using <abbr>HTML</abbr> is fun and easy!</p>
+ +

Ergebnis

+ +

{{EmbedLiveSample("Marking_up_an_abbreviation_semantically")}}

+ +

Abkürzungen formatieren

+ +

Sie können CSS verwenden, um einen benutzerdefinierten Stil festzulegen, der für Abkürzungen verwendet wird, wie in diesem einfachen Beispiel gezeigt.

+ +

HTML

+ +
<p>Using <abbr>CSS</abbr>, you can style your abbreviations!</p>
+ +

CSS

+ +
abbr {
+  font-variant: all-small-caps;
+}
+ +

Ergebnis

+ +

{{EmbedLiveSample("Styling_abbreviations")}}

+ +

Eine Erweiterung bereitstellen

+ +

Durch das Hinzufügen eines Attributs {{htmlattrxref("title")}} können Sie eine Erweiterung oder Definition für die Abkürzung oder das Akronym angeben.

+ +

HTML

+ +
<p>Ashok's joke made me <abbr title="Laugh Out Loud">LOL</abbr> big
+time.</p>
+ +

Ergebnis

+ +

{{EmbedLiveSample("Providing_an_expansion")}}

+ +

Eine Abkürzung definieren

+ +

Sie können <abbr> zusammen mit {{HTMLElement("dfn")}} verwenden, um eine Abkürzung formal zu definieren, wie hier gezeigt.

+ +

HTML

+ +
<p><dfn id="html"><abbr title="HyperText Markup Language">HTML</abbr>
+</dfn> is a markup language used to create the semantics and structure
+of a web page.</p>
+
+<p>A <dfn id="spec">Specification</dfn>
+(<abbr title="Specification">spec</abbr>) is a document that outlines
+in detail how a technology or API is intended to function and how it is
+accessed.</p>
+ +

Ergebnis

+ +

{{EmbedLiveSample("Defining_an_abbreviation", 600, 120)}}

+ +

Ausführlichere Beispiele finden Sie im Artikel Wie Abkürzungen markiert und verständlich gemacht werden.

+ +

Barrierefreiheit

+ +

Wenn Sie das Akronym oder die Abkürzung bei der ersten Verwendung auf einer Seite vollständig ausschreiben, hilft dies den Menschen, sie zu verstehen, insbesondere wenn es sich um technische Inhalte oder um Fachjargon handelt.

+ +

Beispiel

+ +
<p>JavaScript Object Notation (<abbr>JSON</abbr>) is a lightweight data-interchange format.</p>
+
+ +

Dies ist besonders hilfreich für Personen, die mit der Terminologie oder den inhaltlichen Begriffen nicht vertraut sind, Personen, die sich mit der Sprache noch nicht auskennen, und Menschen mit kognitiven Hürden.

+ +

Spezifikationen

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/text.html#edef-ABBR', '<abbr>')}}{{Spec2('HTML4.01')}} 
+ +

Browserkompatibilität

+ + + +

{{Compat("html.elements.abbr")}}

+ +

Siehe auch

+ + -- cgit v1.2.3-54-g00ecf