In diesem Artikel wird hauptsächlich die Standardattribute und benutzerdefinierten Attribute in HTML5 vorgestellt. Der Artikel spricht auch über einige verwandte Wissenspunkte über den Zugriff auf benutzerdefinierte Attribute, wenn JavaScript DOM betreibt. Es ist sehr empfohlen. Freunde, die es brauchen, können sich darauf beziehen.
Wie in der HTML5 -Syntax angegeben, kann ein Element Attribute enthalten, um verschiedene Eigenschaften für ein Element festzulegen.
Einige Eigenschaften werden als global definiert und können in jedem Element verwendet werden, während andere als elementspezifisch definiert werden. Alle Eigenschaften haben einen Namen und einen Wert, der wie das folgende Beispiel aussieht.
Hier ist ein Beispiel, das HTML5 -Attribute verwendet, die demonstrieren, wie ein Div -Element mit einem Attribut und einem Wert mit dem Namen der Klasse mit dem Namen markiert wird:
<div class = Beispiel> ... </div>
Attribute können nur im Start -Tag angegeben und dürfen nicht im End -Tag verwendet werden.
HTML5-Attribute sind unempfindlich und können alle Kapital oder gemischt verwendet werden, obwohl die häufigste Konvention darin besteht, immer Kleinbuchstaben zu verwenden.
StandardattributeDie unten aufgeführten Eigenschaften werden von fast allen HTML5 -Tags unterstützt.
| Eigentum | Optionen | Funktion |
| AccessKey | Benutzerdefiniert | Definiert Tastaturverknüpfungen für den Zugriff auf Elemente. |
| ausrichten | rechts, links, Mitte | Das Etikett horizontal ausrichten. |
| Hintergrund | URL | Legen Sie ein Hintergrundbild hinter dem Element ein. |
| BGColor | Wert, Hexadezimalwert, RGB -Wert | Stellen Sie eine Hintergrundfarbe hinter dem Element ein. |
| Klasse | Benutzerdefiniert. | Klassifizieren Sie ein Element, um die Verwendung von Kaskadenstilblättern zu erleichtern. |
| zufriedenbar | Richtig, falsch | Definiert, ob der Benutzer den Inhalt eines Elements bearbeiten kann. |
| Kontextmenu | Menü -ID | Definieren Sie das Kontextmenü für das Element. |
| Data-xxxx | Benutzerdefiniert. | Benutzerdefinierte Eigenschaften. Die Autorin eines HTML -Dokuments kann seine eigenen Eigenschaften definieren. Benutzerdefinierte Eigenschaften müssen mit Daten beginnen. |
| draggierbar | Richtig, falsch, automatisch | Definiert, ob der Benutzer Elemente ziehen kann. |
| Höhe | Zahlenwert | Definiert die Höhe einer Tabelle, Bild- oder Tabellenzelle. |
| Versteckt | Versteckt | Definiert, ob ein Element sichtbar sein sollte. |
| Ausweis | Benutzerdefiniert. | Nennen Sie Elemente für die einfache Verwendung von Cascading -Stilblättern. |
| Artikel | Liste der Elemente. | Verwendet, um Elemente zu kombinieren. |
| ItemProp | Liste der Einträge. | Wird verwendet, um Einträge zu kombinieren. |
| Rechtschreibprüfung | Richtig, falsch | Definiert, ob ein Element Rechtschreib- oder Fehlerprüfungen haben muss. |
| Stil | CSS Stylesheet. | Definieren Sie Inline -Stile für Elemente. |
| Thema | Benutzerdefinierte ID. | Definiert den mit dem Element zugeordneten Eintrag. |
| Tabindex | TAB -Nummer | Ermittelt für die Registerkartenschlüsselreihenfolge des Elements. |
| Titel | Benutzerdefiniert. | Popup -Titel des Elements. |
| Valig | ober, Mitte, unten | Vertikale Ausrichtung von Tags innerhalb von HTML -Elementen. |
| Breite | numerischer Wert. | Definiert die Breite von Tabellen, Bildern und Tabellenzellen. |
HTML5 führt auch eine neue Funktion ein, in der benutzerdefinierte Datenattribute hinzugefügt werden sollen.
Benutzerdefinierte Datenattribute beginnen mit Daten- und werden nach unseren Anforderungen benannt. Hier ist ein einfaches Beispiel:
<div class = Beispiel data-subject = Physics data-Level = komplex>
...
</div>
Im obigen Beispiel sind zwei benutzerdefinierte Eigenschaften, die als Daten-Subjekt und Datenebene bezeichnet werden, in HTML5 vollständig gültig. Wir können auch die JavaScript -API verwenden oder ihre Werte in CSS auf ähnliche Weise erhalten, um Standardattribute zu erhalten.
Fügen Sie HTML -Elementen benutzerdefinierte Attribute hinzu und greifen Sie über JavaScript auf sie zu. Wenn Sie es schon einmal ausprobiert haben, werden Sie feststellen, dass es einfach ist, die Tag -Überprüfung zu ignorieren, und HTML5 kann Ihnen die Möglichkeit bieten, Ihre eigenen Elementattribute innerhalb einer gültigen Webseite zu erstellen und zu verwenden.
Erstellen Sie HTML5 -Dateien:
Wenn Sie nicht herausgefunden haben, welche Sie verwenden sollen, können Sie den folgenden Code kopieren:
XML/HTML -Code -Inhalt in die Zwischenablage kopieren