We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Der title globales Attribut beinhaltet einen Text mit Informationen über das Element zu welchem es gehört. Diese Informationen werden dem Benutzer üblicherweise (aber nicht nur) als Tooltip angezeigt. Hier sind einige typische Beispiele für dieses Attribut:

  • Link: Der Titel oder die Beschreibung des verlinkten Dokuments
  • Media Elemente, (z.B.: ein Bild): eine Beschreibung oder Quellenangabe
  • Paragraph: eine Fusszeile oder ein Kommentar über den Paragraphen
  • Zitate: Informationen über den Autor, usw.

Wenn dieses Attribut weggelassen wird, ist das title Attribut des nächsten Vorgängers des Elements gültig (und kann somit als Tooltip für das Element verwendet werden). Wenn das Attribut als leerer String gesetzt wird, wird das title Attribut des Vorgängers explizit außer Kraft gesetzt (und sollte nicht als Tooltip für das Element verwendet werden).

Zusätzliche Semantics sind für die title Attribute der <link>, <abbr>, <input> und <menuitem> Elemente definiert.

Das title Attribut darf Mehrzeilig sein. Jede eingefügte  U+000A LINE FEED (LF) repräsentiert eine solche newline. Aber Achtung! Dies bedeutet, dass:

<p>Newlines in title should be taken into account,like this <abbr title="This is a
multiline title">example</abbr>.</p>

einen zweizeiligen Titel definiert.

Bedenken bezüglich des barrierefreien Internet

Die Nutzung des title Attributs ist sehr problematisch für:

  • Menschen, die nur Berührungsgeräte benutzen
  • Menschen, die das Internet nur mit dem Keyboard navigieren
  • Menschen, die mit unterstützenden Technologien wie einem Bildschirmleser auf das Internet zugreifen
  • Menschen mit Beeinträchtigungen in der Feinmotorik
  • Menschen mit kognitiven Bedenken

Dies kann besonders auf inkonsistenten Browser Support zurückgeführt werden. Dies ist des Weiteren ein Problem, da unterstützende Technologien zu mehr Komplexität beim Browser-Rendering der Seite führen. Falls ein Tooltip Effekt gewollt sein sollte, ist es besser eine der folgenden Browsermethoden zu benutzen.

 

 

Spezifikationen

Specification Status Comment
HTML Living Standard
Die Definition von 'title' in dieser Spezifikation.
Lebender Standard No change from latest snapshot, HTML 5.1
HTML 5.1
Die Definition von 'title' in dieser Spezifikation.
Empfehlung Snapshot of HTML Living Standard, no change from HTML5
HTML5
Die Definition von 'title' in dieser Spezifikation.
Empfehlung Snapshot of HTML Living Standard. From HTML 4.01 Specification, it is now a true global attribute.
HTML 4.01 Specification
Die Definition von 'title' in dieser Spezifikation.
Empfehlung Supported on all elements but <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, and <title>.

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Ja) (Ja) (Ja) (Ja) (Ja)
Multi-line support (Ja) 12 (12) (Ja) ? ?
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Ja) (Ja) (Ja) (Ja) (Ja) (Ja)
Multi-line support ? ? 12.0 (12) ? ? ?

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: alaskaa, klausinger, eluchsinger
Zuletzt aktualisiert von: alaskaa,