Heim  >  Artikel  >  Web-Frontend  >  Was sind die Attribute von HTML-Elementen?

Was sind die Attribute von HTML-Elementen?

青灯夜游
青灯夜游Original
2021-12-23 11:50:059062Durchsuche

Zu den

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

Was sind die Attribute von HTML-Elementen?

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

3499910bf9dac5ae3c52d5ede7383485 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.

ff9c23ada1bcecdd1a0fb5d5a0f18437 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.

100db36a723c770d327fc0aef2ce13b1 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).

5a07473c87748fb1bf73f23d45547ab8 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 5b7a15bed8615d1b843806256bebea72 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn