Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. HTML
  3. Reference
  4. Globale Attribute

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

Globale Attribute

Globale Attribute sind Attribute, die für alle HTML-Elemente gemeinsam sind; sie können auf allen Elementen verwendet werden, obwohl sie bei einigen Elementen keine Wirkung haben könnten.

Globale Attribute können für alleHTML-Elemente angegeben werden,auch für solche, die nicht im Standard angegeben sind. Das bedeutet, dass auch nicht standardisierte Elemente diese Attribute zulassen müssen, auch wenn die Verwendung dieser Elemente bedeutet, dass das Dokument nicht mehr HTML5-konform ist. Beispielsweise blenden HTML5-konforme Browser Inhalte aus, die als<foo hidden>…</foo> gekennzeichnet sind, auch wenn<foo> kein gültiges HTML-Element ist.

Zusätzlich zu den grundlegenden globalen HTML-Attributen existieren auch die folgenden globalen Attribute:

  • xml:lang undxml:base — diese sind aus den XHTML-Spezifikationen übernommen und veraltet, werden aber aus Kompatibilitätsgründen beibehalten.
  • Das ARIA-Attributrole und die verschiedenenaria-* Zustände und Eigenschaften, die zur Sicherstellung der Barrierefreiheit verwendet werden.
  • Die unten aufgelistetenEvent-Handler-Attribute.

Liste der globalen Attribute

accesskey

Gibt einen Hinweis zur Erzeugung eines Tastaturkürzels für das aktuelle Element. Dieses Attribut besteht aus einer durch Leerzeichen getrennten Liste von Zeichen. Der Browser sollte das erste davon verwenden, das auf der Computertastatur vorhanden ist.

anchorNicht standardisiert

Verknüpft ein positioniertes Element mit einem Anker-Element. Der Wert des Attributs ist derid-Wert des Elements, an das das positionierte Element angedockt werden soll. Das Element kann dannmittels CSS-Anker-Positionierung positioniert werden.

autocapitalize

Steuert, ob eingegebener Text automatisch großgeschrieben wird und, wenn ja, auf welche Weise.

autocorrect

Steuert, ob eingegebener Text automatisch auf Rechtschreibfehler korrigiert wird.Dies kann auf Elemente angewendet werden, die bearbeitbaren Text enthalten, mit Ausnahme von<input>-Elementen mit dem Attribut:type="password",type="email" odertype="url".

autofocus

Gibt an, dass ein Element beim Laden der Seite oder sobald der<dialog>, zu dem es gehört, angezeigt wird, fokussiert werden soll. Dieses Attribut ist ein boolesches Attribut, das anfänglich auffalse gesetzt ist.

class

Eine durch Leerzeichen getrennte Liste der Klassen des Elements. Klassen ermöglichen es CSS und JavaScript, bestimmte Elemente über dieKlassenselektoren oder Funktionen wie die MethodeDocument.getElementsByClassName() auszuwählen und zuzugreifen.

contenteditable

Einaufzählbares Attribut, das angibt, ob das Element durch den Benutzer bearbeitbar sein soll. Wenn ja, ändert der Browser sein Widget, um das Bearbeiten zu ermöglichen. Das Attribut muss einen der folgenden Werte annehmen:

  • true oder derleere String, was darauf hinweist, dass das Element bearbeitbar sein muss;
  • false, was darauf hinweist, dass das Element nicht bearbeitbar sein darf.
  • plaintext-only, was darauf hinweist, dass der rohe Text des Elements bearbeitbar ist, aber die Formatierung von Rich-Text deaktiviert ist.
data-*

Bildet eine Klasse von Attributen, sogenannte benutzerdefinierte Datenattribute, die den Austausch proprietärer Informationen zwischen demHTML und seinerDOM-Darstellung ermöglichen, die von Skripten verwendet werden können. Alle solche benutzerdefinierten Daten sind über dieHTMLElement-Schnittstelle des Elements verfügbar, auf dem das Attribut gesetzt ist. DieHTMLElement.dataset-Eigenschaft ermöglicht den Zugriff darauf.

dir

Ein aufzählbares Attribut, das die Leserichtung des Texts des Elements angibt. Es kann die folgenden Werte haben:

  • ltr, was bedeutetvon links nach rechts und für Sprachen verwendet wird, die von links nach rechts geschrieben werden (wie Englisch);
  • rtl, was bedeutetvon rechts nach links und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);
  • auto, was den Benutzeragenten entscheiden lässt. Beim Parsen der Zeichen im Element wird ein Grundalgorithmus verwendet, bis ein Zeichen mit einer starken Leserichtung gefunden wird, dann wird diese Leserichtung auf das gesamte Element angewendet.
draggable

Ein aufzählbares Attribut, das angibt, ob das Element mit derDrag and Drop API gezogen werden kann. Es kann die folgenden Werte haben:

  • true, was bedeutet, dass das Element gezogen werden kann
  • false, was bedeutet, dass das Element nicht gezogen werden kann.
enterkeyhint

Gibt an, welches Aktionslabel (oder Icon) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.

exportparts

Wird verwendet, um Schattenteile transitiv von einem verschachtelten Schattendokumentenbaum in einen beinhaltenden Lichtbaum zu exportieren.

hidden

Ein aufzählbares Attribut, das anzeigt, dass das Element noch nicht oder nicht mehrrelevant ist. Beispielsweise kann es verwendet werden, um Elemente der Seite zu verbergen, die erst nach Abschluss des Anmeldevorgangs genutzt werden können. Der Browser wird solche Elemente nicht rendern. Dieses Attribut darf nicht verwendet werden, um Inhalte zu verstecken, die eigentlich angezeigt werden könnten.

id

Definiert eine eindeutige Kennung (ID), die im gesamten Dokument einzigartig sein muss. Sein Zweck besteht darin, das Element beim Verknüpfen (unter Verwendung eines Fragmentkennzeichens), Skripting oder Styling (mit CSS) zu identifizieren.

inert

Ein boolescher Wert, der den Browser veranlasst, Benutzereingabeereignisse für das Element zu ignorieren. Nützlich, wenn Klickevents vorhanden sind.

inputmode

Gibt den Browsern einen Hinweis auf die Art der virtuellen Tastaturkonfiguration, die beim Bearbeiten dieses Elements oder seines Inhalts verwendet werden soll. Wird hauptsächlich für<input>-Elemente verwendet, kann aber auf jedem Element imcontenteditable-Modus verwendet werden.

is

Ermöglicht es, anzugeben, dass ein standardmäßiges HTML-Element wie ein registriertes, angepasstes eingebautes Element funktionieren soll (sieheVerwendung von eigenen Elementen für weitere Informationen).

Hinweis:Dieitem*-Attribute sind Teil desWHATWG HTML-Microdata-Features.

itemid

Die eindeutige, globale Kennung eines Items.

itemprop

Wird verwendet, um einem Item Eigenschaften hinzuzufügen. Jedes HTML-Element kann einitemprop-Attribut spezifiziert haben, wobei einitemprop aus einem Namen-Wert-Paar besteht.

itemref

Eigenschaften, die keine Nachkommen eines Elements mit demitemscope-Attribut sind, können mit dem Item unter Verwendung einesitemref assoziiert werden. Es bietet eine Liste von Element-IDs (nichtitemids) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument.

itemscope

itemscope arbeitet (normalerweise) zusammen mititemtype, um anzugeben, dass das HTML innerhalb eines Blocks über ein bestimmtes Item handelt.itemscope erstellt das Item und definiert den Geltungsbereich des damit verbundenenitemtype.itemtype ist eine gültige URL eines Vokabulars (wieschema.org), das das Item und dessen Eigenschaften im Kontext beschreibt.

itemtype

Gibt die URL des Vokabulars an, das verwendet wird, umitemprop's (Item-Eigenschaften) in der Datenstruktur zu definieren.itemscope wird verwendet, um den Geltungsbereich festzulegen, in dem das durchitemtype festgelegte Vokabular in der Datenstruktur aktiv sein wird.

lang

Hilft, die Sprache eines Elements zu definieren: die Sprache, in der nicht bearbeitbare Elemente verfasst sind, oder die Sprache, in der bearbeitbare Elemente vom Benutzer geschrieben werden sollten. Das Attribut sollte ein gültigesBCP 47-Sprachtag enthalten.xml:lang hat Vorrang vor ihm.

nonce

Ein kryptografischerNonce ("einmal verwendete Nummer"), der von derContent-Security-Policy verwendet werden kann, um zu bestimmen, ob ein bestimmter Abruf zugelassen werden soll.

part

Eine durch Leerzeichen getrennte Liste von Teilnamen des Elements. Teilnamen ermöglichen es CSS, bestimmte Elemente in einem Schattenbaum über das::part Pseudoelement auszuwählen und zu stylen.

popover

Wird verwendet, um ein Element als Popover-Element zu kennzeichnen (siehePopover API). Popover-Elemente sind überdisplay: none verborgen, bis sie über ein aufrufendes/steuerndes Element (d.h. ein<button> oder<input type="button"> mit einempopovertarget Attribut) oder einenHTMLElement.showPopover() Aufruf geöffnet werden.

role

Rollen definieren die semantische Bedeutung von Inhalten, sodass Screenreader und andere Tools Inhalte anzeigen und mit ihnen interagieren können, auf eine Weise, die den Erwartungen der Benutzer an diesen Objekttyp entspricht.roles werden HTML-Elementen mitrole="role_type" hinzugefügt, wobeirole_type der Name einer Rolle in der ARIA-Spezifikation ist.

slot

Weist einem Element einen Slot in einemshadow DOM Schattenbaum zu: Ein Element mit einemslot-Attribut wird dem Slot zugewiesen, der von dem<slot>-Element erstellt wurde, dessenname Attributwert denslot-Attributwert entspricht.

spellcheck

Ein aufzählbares Attribut, das angibt, ob das Element auf Rechtschreibfehler überprüft werden kann. Es kann die folgenden Werte haben:

  • leerer String odertrue, was bedeutet, dass das Element, wenn möglich, auf Rechtschreibfehler überprüft werden sollte;
  • false, was bedeutet, dass das Element nicht auf Rechtschreibfehler überprüft werden sollte.
style

EnthältCSS-Stylingdeklarationen, die auf das Element angewendet werden sollen. Beachten Sie, dass es empfohlen wird, Stile in einer separaten Datei oder Dateien zu definieren. Dieses Attribut und das<style> Element haben hauptsächlich den Zweck, schnell Styling zu ermöglichen, beispielsweise zu Testzwecken.

tabindex

Ein ganzzahliges Attribut, das angibt, ob das Element den Eingabefokus erhalten kann (istfokussierbar), ob es an der sequentiellen Tastaturnavigation teilnimmt und, wenn ja, an welcher Position. Es kann mehrere Werte annehmen:

  • einnegativer Wert bedeutet, dass das Element fokussierbar sein sollte, aber nicht über die sequentielle Tastaturnavigation erreichbar sein sollte;
  • 0 bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein sollte, aber seine relative Reihenfolge durch die Plattformkonvention definiert ist;
  • einpositiver Wert bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein sollte; die Reihenfolge, in der die Elemente fokussiert werden, ergibt sich aus dem aufsteigenden Wert destabindex. Wenn mehrere Elemente denselben Tabindex haben, folgt ihre relative Reihenfolge ihren relativen Positionen im Dokument.
title

Enthält einen Text, der beratende Informationen im Zusammenhang mit dem zugehörigen Element darstellt. Solche Informationen können typischerweise, aber nicht unbedingt, dem Benutzer als Tooltip präsentiert werden.

translate

Ein aufzählbares Attribut, das verwendet wird, um anzugeben, ob die Attributwerte eines Elements und die Werte seinerText-Knotenkinder bei der Lokalisierung der Seite übersetzt werden sollen oder ob sie unverändert bleiben sollen. Es kann die folgenden Werte haben:

  • leerer String oderyes, was bedeutet, dass das Element übersetzt wird.
  • no, was bedeutet, dass das Element nicht übersetzt wird.
virtualkeyboardpolicyExperimentell

Einaufzählbares Attribut, das verwendet wird, um das Verhalten der Bildschirmtastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten zu steuern, bei denen möglicherweise keine Hardwaretastatur verfügbar ist, für Elemente, deren Inhalt bearbeitbar ist (zum Beispiel ein<input> oder<textarea> Element oder ein Element mit demcontenteditable Attribut gesetzt).

  • auto oder einleerer String, der die virtuelle Tastatur automatisch anzeigt, wenn das Element fokussiert oder angetippt wird.
  • manual, das den Fokus und das Tippen auf das Element vom Zustand der virtuellen Tastatur entkoppelt.
writingsuggestions

Einaufzählbares Attribut, das angibt, ob browserbasierte Schreibvorschläge innerhalb des Geltungsbereichs des Elements aktiviert sein sollen oder nicht.

  • false, was die Schreibvorschläge des Browsers deaktiviert.
  • true oder einleerer String, was Schreibvorschläge aktiviert.

Liste der globalen Event-Handler-Attribute

HTML-Event-Handler-Attribute werden nicht empfohlen; sieheHTML-Attribut-Referenz, um zu erfahren, wie sie funktionieren.

Obwohl die unten aufgeführten Attribute auf alle Elemente anwendbar sind, sind sie nicht auf allen Elementen nützlich. Beispielsweise wird dasonvolumechange-HTML-Attribut von allen Elementen akzeptiert und fügt einen Event-Listener fürvolumechange hinzu, aber nur Medien-Elemente werden jemals ein vom Browser ausgelöstesvolumechange-Ereignis empfangen. Für andere Elemente können Sie nurEventTarget.dispatchEvent() verwenden, um ein solches manuell auszulösen.Einige Attribute können auf<body> spezifiziert werden, aber sie würden dann stattdessen auf Ereignisse aufwindow lauschen.

Spezifikationen

Specification
HTML
# the-hidden-attribute
HTML
# attr-enterkeyhint
HTML
# attr-translate
HTML
# attr-data-*
HTML
# attr-slot
HTML
# inert-subtrees
HTML
# the-dir-attribute
HTML
# attr-tabindex
HTML
# the-style-attribute
HTML
# classes
HTML
# attr-contenteditable
HTML
# attr-popover-hint
HTML
# attr-autocapitalize
HTML
# the-title-attribute
HTML
# the-inert-attribute
HTML
# attr-autocorrect
HTML
# the-accesskey-attribute
HTML
# attr-is
HTML
# the-popover-attribute
HTML
# the-autofocus-attribute
HTML
# attr-spellcheck
HTML
# attr-nonce
HTML
# writing-suggestions
HTML
# the-draggable-attribute
HTML
# the-id-attribute
HTML
# attr-lang
HTML
# nonce-does-not-update-dom
HTML
# attr-inputmode
DOM
# ref-for-dom-element-slot①
CSS Shadow Module Level 1
# element-attrdef-html-global-exportparts
CSS Shadow Module Level 1
# part-attr
CSS Style Attributes
# style-attribute
VirtualKeyboard API
# dom-elementcontenteditable-virtualkeyboardpolicy

Browser-Kompatibilität

Siehe auch

  • Element-Schnittstelle, die es ermöglicht, die meisten globalen Attribute abzufragen.

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp