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 allen HTML-Elementen gemeinsam sind; sie können bei allen Elementen verwendet werden, obwohl sie bei einigen Elementen keine Wirkung haben können.

Globale Attribute können bei allenHTML-Elementen angegeben werden,auch bei denen, die nicht im Standard spezifiziert sind. Das bedeutet, dass auch nicht-standardmäßige Elemente diese Attribute erlauben müssen, obwohl die Verwendung dieser Elemente bedeutet, dass das Dokument nicht mehr HTML5-konform ist. Beispielsweise verbergen HTML5-konforme Browser Inhalte, die als<foo hidden>…</foo> markiert sind, obwohl<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 — sie stammen aus den XHTML-Spezifikationen und sind veraltet, 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 aufgeführtenEvent-Handler-Attribute.

Liste der globalen Attribute

accesskey

Bietet einen Hinweis zum Generieren einer Tastenkombination für das aktuelle Element. Dieses Attribut besteht aus einer durch Leerzeichen getrennten Liste von Zeichen. Der Browser sollte das erste verwenden, das auf der Computertastatur vorhanden ist.

anchorNicht standardisiert

Verknüpft ein positioniertes Element mit einem Ankerelement. Der Wert des Attributs ist derid-Wert des Elements, an das Sie das positionierte Element anheften möchten. Das Element kann dann mitCSS-Ankerpositionierung positioniert werden.

autocapitalize

Steuert, ob eingegebener Text automatisch großgeschrieben wird und wenn ja, in welcher Weise.

autocorrect

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

autofocus

Gibt an, dass ein Element bei der Seitenladung oder sobald das<dialog>, zu dem es gehört, angezeigt wird, fokussiert werden soll. Dieses Attribut ist ein boolescher Wert, der anfänglich falsch ist.

class

Eine durch Leerzeichen getrennte Liste der Klassen eines Elements. Klassen ermöglichen es CSS und JavaScript, spezifische Elemente überKlassen-Selektoren oder Funktionen wie die MethodeDocument.getElementsByClassName() auszuwählen und zuzugreifen.

contenteditable

Einenumeriertes Attribut, das angibt, ob das Element vom Benutzer bearbeitbar sein soll. In diesem Fall modifiziert der Browser sein Widget, um die Bearbeitung zu ermöglichen. Das Attribut muss einen der folgenden Werte annehmen:

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

Bildet eine Klasse von Attributen, genannt benutzerdefinierte Datenattribute, die es erlauben, proprietäre Informationen zwischen demHTML und seinerDOM-Darstellung auszutauschen, die von Skripten verwendet werden können. Alle solche benutzerdefinierten Daten sind über dieHTMLElement-Schnittstelle des Elements zugänglich, auf dem das Attribut gesetzt ist. DieHTMLElement.dataset-Eigenschaft ermöglicht den Zugriff auf sie.

dir

Ein enumeriertes Attribut, das die Richtung des Textes des Elements angibt. Es kann die folgenden Werte haben:

  • ltr, wasvon links nach rechts bedeutet und für Sprachen verwendet wird, die von links nach rechts geschrieben werden (wie Englisch);
  • rtl, wasvon rechts nach links bedeutet und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);
  • auto, was dem Benutzeragenten die Entscheidung überlässt. Er verwendet einen einfachen Algorithmus, indem er die Zeichen innerhalb des Elements parst, bis er ein Zeichen mit starker Richtung findet, dann wendet er diese Richtung auf das gesamte Element an.
draggable

Ein enumeriertes Attribut, das angibt, ob das Element gezogen werden kann, unter Verwendung derDrag and Drop API. Es kann die folgenden Werte haben:

  • true, was darauf hinweist, dass das Element gezogen werden kann;
  • false, was darauf hinweist, dass das Element nicht gezogen werden kann.
enterkeyhint

Gibt einen Hinweis darauf, welche Aktionsbezeichnung (oder Ikone) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.

exportparts

Wird verwendet, um Schatten-Teile transitiv von einem verschachtelten Schattenbaum in einen umgebenden Lichtbaum zu exportieren.

hidden

Ein enumeriertes Attribut, das angibt, dass das Element noch nicht oder nicht mehrrelevant ist. Es kann beispielsweise verwendet werden, um Elemente der Seite zu verstecken, die nicht genutzt werden können, bis der Anmeldeprozess abgeschlossen ist. Der Browser wird solche Elemente nicht rendern. Dieses Attribut darf nicht verwendet werden, um Inhalte zu verbergen, die legitim angezeigt werden könnten.

id

Definiert einen eindeutigen Bezeichner (ID), der im gesamten Dokument einzigartig sein muss. Sein Zweck ist es, das Element beim Verknüpfen (mittels eines Fragmentbezeichners), 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 Klickereignisse vorhanden sind.

inputmode

Gibt den Browsern einen Hinweis zur Konfiguration der virtuellen Tastatur, die beim Bearbeiten dieses Elements oder seines Inhalts verwendet werden soll. Wird hauptsächlich auf<input>-Elementen verwendet, kann jedoch auf jedem Element imcontenteditable-Modus verwendet werden.

is

Ermöglicht es, anzugeben, dass ein standardmäßiges HTML-Element wie ein registriertes angepasstes integriertes Element funktionieren soll (sieheVerwendung benutzerdefinierter Elemente für mehr Details).

Hinweis:Dieitem* Attribute sind Teil derWHATWG HTML Microdata-Funktion.

itemid

Der eindeutige, globale Bezeichner eines Elements.

itemprop

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

itemref

Eigenschaften, die keine Nachkommen eines Elements mit demitemscope-Attribut sind, können durch einenitemref mit dem Element in Verbindung gebracht werden. Es bietet eine Liste von Element-IDs (nichtitemids) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument.

itemscope

itemscope arbeitet (in der Regel) zusammen mititemtype, um anzugeben, dass das in einem Block enthaltene HTML sich auf ein bestimmtes Element bezieht.itemscope erstellt das Item und definiert den Umfang desitemtype, der damit verbunden ist.itemtype ist eine gültige URL eines Vokabulars (wieschema.org), das das Item und seine Eigenschaften beschreibt.

itemtype

Gibt die URL des Vokabulars an, das verwendet wird, umitemprops (Elementeigenschaften) in der Datenstruktur zu definieren.itemscope wird verwendet, um den Umfang festzulegen, in dem in der Datenstruktur das vonitemtype gesetzte Vokabular aktiv ist.

lang

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

nonce

Ein kryptografischer Nonce ("number used once"), der von derContent Security Policy verwendet werden kann, um zu bestimmen, ob ein gegebener Abruf fortgesetzt werden darf.

part

Eine durch Leerzeichen getrennte Liste der Teilnamen des Elements. Teilnamen ermöglichen es CSS, spezifische 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 werden überdisplay: none verborgen, bis sie über ein auslösendes/steuerndes Element (z. B. ein<button> oder ein<input type="button"> mit einempopovertarget-Attribut) oder einenHTMLElement.showPopover()-Aufruf geöffnet werden.

role

Rollen definieren die semantische Bedeutung von Inhalten und ermöglichen es Bildschirmlesegeräten und anderen Werkzeugen, mit einem Objekt zu interagieren und es auf eine Weise darzustellen, die mit den Benutzererwartungen für diesen Objekttyp übereinstimmt.roles werden HTML-Elementen unter Verwendung vonrole="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-Attributswert mit dem desslot-Attributs übereinstimmt.

spellcheck

Ein enumeriertes Attribut, das definiert, ob das Element auf Rechtschreibfehler überprüft werden kann. Es kann die folgenden Werte haben:

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

BeinhaltetCSS-Styling-Deklarationen, die auf das Element angewendet werden sollen. Es wird empfohlen, Styles in einer separaten Datei oder in separaten Dateien zu definieren. Dieses Attribut und das<style>-Element haben hauptsächlich den Zweck, schnelle Styling-Möglichkeiten bereitzustellen, beispielsweise zu Testzwecken.

tabindex

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

  • einnegativer Wert bedeutet, dass das Element fokussierbar sein soll, aber nicht über die sequentielle Tastaturnavigation erreichbar sein soll;
  • 0 bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein soll, aber seine relative Reihenfolge wird durch die Plattformkonvention definiert;
  • einpositiver Wert bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein soll; die Reihenfolge, in der die Elemente fokussiert sind, ist der steigende Wert destabindex. Wenn mehrere Elemente denselben tabindex haben, folgt ihre relative Reihenfolge ihrer relativen Position im Dokument.
title

Beinhaltet einen Text, der beratende Informationen im Zusammenhang mit dem Element enthält, zu dem er gehört. Solche Informationen können typischerweise, aber nicht unbedingt, dem Benutzer als Tooltip präsentiert werden.

translate

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

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

Einenumeriertes Attribut, das verwendet wird, um das Verhalten der auf dem Bildschirm angezeigten virtuellen Tastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten, bei denen möglicherweise keine Hardwaretastatur verfügbar ist, zu steuern. Dies gilt für Elemente, deren Inhalt bearbeitbar ist (z.B. es ist ein<input>- oder<textarea>-Element oder ein Element mit dem gesetztencontenteditable-Attribut).

  • auto oder einleerer String, was die virtuelle Tastatur automatisch anzeigt, wenn das Element fokussiert oder angeklickt wird.
  • manual, was den Fokus und Klick auf das Element vom Status der virtuellen Tastatur entkoppelt.
writingsuggestions

Einenumeriertes Attribut, das angibt, ob browserseitige Schreibvorschläge unter dem Geltungsbereich des Elements aktiviert sein sollen oder nicht.

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

Liste der globalen Event-Handler-Attribute

HTML-Event-Handler-Attribute werden nicht empfohlen; sieheHTML Attributreferenz für Informationen über ihre Funktionsweise.

Obwohl die unten aufgeführten Attribute auf alle Elemente angewendet werden, sind sie nicht bei allen Elementen nützlich. Zum Beispiel wird dasonvolumechange-HTML-Attribut bei allen Elementen akzeptiert und hängt einen Event-Listener fürvolumechange an, aber nur Mediaelemente werden jemals einvolumechange-Ereignis vom Browser erhalten. Für andere Elemente kann man nurEventTarget.dispatchEvent() verwenden, um manuell ein solches Ereignis zu senden.Einige Attribute können auf<body> angegeben werden, jedoch würden sie stattdessen Events amwindow hören.

Spezifikationen

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

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-2025 Movatter.jp