Dastitleglobale Attribut enthält Text, der beratende Informationen im Zusammenhang mit dem Element, zu dem es gehört, darstellt.

Probieren Sie es aus

<p>  Use the <code>title</code> attribute on an <code>iframe</code> to clearly  identify the content of the <code>iframe</code> to screen readers.</p><iframe  title="Wikipedia page for the HTML language"  src="https://en.m.wikipedia.org/wiki/HTML"></iframe><iframe  title="Wikipedia page for the CSS language"  src="https://en.m.wikipedia.org/wiki/CSS"></iframe>

iframe {  height: 200px;  margin-bottom: 24px;  width: 100%;}

Die Hauptverwendung destitle-Attributs besteht darin,<iframe>-Elemente für unterstützende Technologien zu kennzeichnen.

Dastitle-Attribut kann auch verwendet werden, um Steuerelemente inDatentabellen zu kennzeichnen.

Dastitle-Attribut erstellt, wenn es zu<link rel="stylesheet"> hinzugefügt wird, ein alternatives Stylesheet. Bei der Definition eines alternativen Stylesheets mit<link rel="alternate"> ist das Attribut erforderlich und muss auf eine nicht leere Zeichenkette gesetzt werden.

Wenn es im öffnenden<abbr>-Tag enthalten ist, muss dastitle eine vollständige Erweiterung der Abkürzung oder des Akronyms sein. Anstatttitle zu verwenden, ist es, wenn möglich, besser, bei der ersten Verwendung eine Erweiterung der Abkürzung oder des Akronyms im Klartext anzugeben und das<abbr> zum Markieren der Abkürzung zu verwenden. Dies ermöglicht es allen Benutzern, zu wissen, welchen Namen oder Begriff die Abkürzung oder das Akronym verkürzt, während es den Benutzeragenten einen Hinweis gibt, wie der Inhalt angekündigt werden soll.

Obwohltitle verwendet werden kann, um ein programmgesteuert zugeordnetes Label für ein<input>-Element bereitzustellen, ist dies keine gute Praxis. Verwenden Sie stattdessen ein<label>.

Mehrzeilige Titel

Dastitle-Attribut kann mehrere Zeilen enthalten. JedesU+000A LINE FEED (LF)-Zeichen stellt einen Zeilenumbruch dar. Es ist Vorsicht geboten, da dies bedeutet, dass das Folgende über zwei Zeilen gerendert wird:

HTML

<p>  Newlines in <code>title</code> should be taken into account. This  <span    title="This is amultiline title">    example span  </span>  has a title attribute with a newline.</p><hr /><pre></pre>

JavaScript

Wir können dastitle-Attribut abfragen und es im leeren<pre>-Element wie folgt anzeigen:

const span = document.querySelector("span");const output = document.querySelector("#output");output.textContent = span.title;

Ergebnis

Vererbung des Title-Attributs

Wenn ein Element keintitle-Attribut hat, erbt es dieses von seinem Elternelement, das es wiederum von seinem Elternelement erben kann, und so weiter.

Wenn dieses Attribut auf die leere Zeichenkette gesetzt ist, bedeutet das, dass dietitles seiner Vorfahren irrelevant sind und nicht im Tooltip für dieses Element verwendet werden sollten.

HTML

<div title="CoolTip">  <p>Hovering here will show "CoolTip".</p>  <p title="">Hovering here will show nothing.</p></div>

Ergebnis

Barrierefreiheitsbedenken

Der Gebrauch destitle-Attributs ist äußerst problematisch für:

• Personen, die nur Touch-Geräte verwenden
• Personen, die mit Tastaturen navigieren
• Personen, die mit unterstützenden Technologien wie Bildschirmlesegeräten oder Vergrößerungen navigieren
• Personen mit Beeinträchtigungen der Feinmotorik
• Personen mit kognitiven Beeinträchtigungen

Dies liegt an der inkonsistenten Browserunterstützung, die durch die zusätzliche Analyse der durch den Browser gerenderten Seite durch unterstützende Technologien noch verstärkt wird. Wenn ein Tooltip-Effekt gewünscht ist, ist es besser,eine zugänglichere Technik zu verwenden, die mit den oben genannten Navigationsmethoden zugänglich ist.

• 3.2.5.1. Das title-Attribut | W3C HTML 5.2: 3. Semantik, Struktur und APIs von HTML-Dokumenten
• Verwendung des HTML-title-Attributs – aktualisiert | The Paciello Group
• Tooltips & Toggletips - Inclusive Components
• The Trials and Tribulations of the Title Attribute - 24 Accessibility

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Alleglobalen Attribute.
• HTMLElement.title das dieses Attribut widerspiegelt.