Was sind die Attribute von HTML-Elementen?

Zu den

HTML-Elementattributen gehören: Zugriffsschlüssel, Klasse, inhaltsbearbeitbar, Kontextmenü, „Daten-*“, Verzeichnis, ziehbar, Dropzone, versteckt, ID, Sprache, Rechtschreibprüfung, Stil usw.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Was sind Attribute?

Attribute können zusätzliche Informationen für HTML-Tags bereitstellen oder HTML-Tags ändern. Attribute müssen im Start-Tag hinzugefügt werden und das Syntaxformat lautet:

attr="value"

attr steht für den Attributnamen und value für den Attributwert. Attributwerte müssen in doppelte Anführungszeichen „“ oder einfache Anführungszeichen '' eingeschlossen werden.

Beachten Sie, dass Attributwerte zwar sowohl in doppelte als auch in einfache Anführungszeichen eingeschlossen werden können, aus Gründen der Standardisierung und Professionalität sollten Sie jedoch so oft wie möglich doppelte Anführungszeichen verwenden.

Ein Tag kann keine Attribute oder ein oder mehrere Attribute haben.

Es gibt viele HTML-Attribute, die grob in zwei Kategorien unterteilt werden können:

• Einige Attribute gelten für die meisten oder alle HTML-Tags. Wir nennen diese Attribute universelle Attribute.

• Einige Attribute gelten nur für eines oder mehrere Einige davon sind bestimmte HTML-Tags. Wir nennen diese Attribute private Attribute.

Generische Eigenschaften (globale Eigenschaften)

Property

Description

accesskey

Legt die Tastenkombination für den Zugriff auf ein Element fest.

class

Gibt den Klassennamen des Elements an.

contenteditable

Gibt an, ob der Inhalt des Elements bearbeitet werden kann.

contextmenu

Gibt das Kontextmenü eines Elements an. Wenn der Benutzer mit der rechten Maustaste auf das Element klickt, erscheint ein Kontextmenü

data-*

wird zum Speichern benutzerdefinierter Daten für die Seite verwendet

dir

zum Festlegen der Textrichtung des Inhalts im Element.

Draggable

Geben Sie an, ob ein Element gezogen werden kann.

Dropzone

Geben Sie an, ob die Daten kopiert, verschoben, verknüpft oder gelöscht werden sollen versteckt.

id

Gibt die eindeutige ID des Elements an.

lang

Legt den Sprachcode des Inhalts im Element fest.

Rechtschreibprüfung

Erkennen, ob das Element falsch geschrieben ist

Stil

Geben Sie den Inline-Stil des Elements an

Tabindex

Legen Sie die Steuerreihenfolge der Tabulatortaste des Elements fest.

title

Gibt zusätzliche Informationen zum Element an (kann in Tooltips angezeigt werden)

translate

Gibt an, ob der Wert eines Elements beim Laden der Seite übersetzt werden muss

Spezielle Attribute

Hier sind einige häufig verwendete Tag-Attribute

Attribute von Tags

Attribute	Wert	Beschreibung
Zeichensatz	char_encoding	HTML5 wird nicht unterstützt. Gibt die Zeichenkodierung der Ziel-URL an.
Koordinaten	Koordinaten	HTML5 wird nicht unterstützt. Gibt die Koordinaten des Links an.
Download	Dateiname	Gibt den Download-Link an.
href	URL	Gibt die Ziel-URL des Links an.
hreflang	Sprachcode	Gibt die Basissprache der Ziel-URL an. Wird nur verwendet, wenn das href-Attribut vorhanden ist.
media	media_query	Gibt den Medientyp der Ziel-URL an. Standardwert: alle. Wird nur verwendet, wenn das href-Attribut vorhanden ist.
Name	Abschnittsname	HTML5 wird nicht unterstützt. Gibt den Namen des Ankers an.
rel	alternativ Autor Lesezeichen Hilfe Lizenz als nächstes nofollow noreferrer Vorabruf vorher suchen tag	gibt die Beziehung zwischen dem aktuellen Dokument und der Ziel-URL an. Wird nur verwendet, wenn das href-Attribut vorhanden ist.
rev	Text	HTML5 wird nicht unterstützt. Gibt die Beziehung zwischen der Ziel-URL und dem aktuellen Dokument an.
Form	Standard rect circle poly	HTML5 wird nicht unterstützt. Gibt die Form des Links an.
Ziel	_blank _Eltern _selbst _top Framename	gibt an, wo die Ziel-URL geöffnet werden soll. Wird nur verwendet, wenn das href-Attribut vorhanden ist. _blank: Neues Fenster öffnet sich. _parent: Öffnen Sie den Link im übergeordneten Fenster. _self: Standardmäßig springt die aktuelle Seite. _top: Öffnen Sie den Link im aktuellen Formular und ersetzen Sie das gesamte aktuelle Formular (Frame-Seite).
type	MIME_type	Gibt den MIME-Typ der Ziel-URL an. Wird nur verwendet, wenn das href-Attribut vorhanden ist. Hinweis: MIME = Mehrzweck-Internet-Mail-Erweiterungen.

Tag-Attribute

Attribut	Wert	Beschreibung
accept	MIME_type	HTML5 wird nicht unterstützt. Gibt den vom Server empfangenen Dateityp an. (Dateien werden per Datei-Upload übermittelt)
accept-charset	character_set	Gibt den Formulardatenzeichensatz an, den der Server verarbeiten kann.
Aktion	URL	Gibt an, wohin Formulardaten gesendet werden sollen, wenn das Formular gesendet wird.
Autocomplete	on off	gibt an, ob die Autocomplete-Funktion des Formulars aktiviert werden soll.
enctype	application/x-www-form-urlencoded mehrteilige/Formulardaten text/plain	gibt an, wie Formulardaten codiert werden, bevor sie an den Server gesendet werden. (Gilt für method="post")
method	get post	Gibt die HTTP-Methode an, die zum Senden von Formulardaten verwendet wird.
Name	Text	Gibt den Namen des Formulars an.
novalidate	novalidate	Wenn dieses Attribut verwendet wird, wird beim Absenden des Formulars keine Validierung durchgeführt.
target	_blank _self _parent _top	Gibt an, wo die Aktions-URL geöffnet werden soll.

Tag-Attribute

Attribut	Wert	Beschreibung
Manifest	URL	Definieren Sie eine URL, unter der das Dokument beschrieben wird. Cache-Informationen.
xmlns	http://www.w3.org/1999/xhtml	HTML wird nicht unterstützt. Nur XHTML wird unterstützt. Geben Sie das XML-Namespace-Attribut an (verwenden Sie dieses Attribut, wenn Ihr Inhalt XHTML-kompatibel sein soll).

Tag-Attribute

Attribut	Wert	Beschreibung
disabled	disabled	gibt an, dass diese Option beim ersten Laden deaktiviert werden soll.
label	text	Definiert das Label, das verwendet wird, wenn verwendet wird.
selected	selected	gibt an, dass die Option ausgewählt erscheint (wenn sie zum ersten Mal in der Liste angezeigt wird).
value	text	definiert den an den Server gesendeten Optionswert.

. . . .

Verwandte Empfehlungen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas sind die Attribute von HTML-Elementen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!