HTML5-Leitfaden-1. Vertiefendes Verständnis der globalen HTML5-Attribute_HTML5-Tutorialfähigkeiten

Heute beginne ich eine neue Kursreihe über HTML5, bei der es sich um meine Studiennotizen aus „The Definitive Guide to HTML5“ handelt. Ich werde die Kapitel aussortieren, die meiner Meinung nach gute oder sinnvolle Inhalte sind, aus denen jeder lernen kann.
Ein Element kann seine eigenen Attribute definieren. Das a-Tag definiert beispielsweise das href-Attribut. Dementsprechend können wir über globale Attribute gemeinsame Verhaltensweisen für alle Elemente festlegen. Natürlich können Sie auch globale Attribute für einzelne Elemente festlegen, aber das macht nicht viel Sinn. Ich werde diese globalen Eigenschaften im Folgenden einzeln vorstellen.

Die folgenden Beispiele laufen normal im Chrome-Browser. Andere Browser habe ich nicht getestet, daher empfehle ich Ihnen, den Chrome-Browser als bevorzugten HTML5-Browser zu verwenden. Anstatt mich auf Probleme mit der Browserkompatibilität zu konzentrieren, habe ich mich auf das Lernen und die Implementierung konzentriert. HTML5 wird immer noch verbessert, da es immer beliebter wird, und ich glaube, dass es von Mainstream-Browsern immer besser unterstützt wird und die Probleme mit der Browserkompatibilität bis dahin deutlich geringer sein werden.
1.accesskey
Mit dem accesskey-Attribut können Sie eine oder mehrere Tastenkombinationen festlegen, damit Sie Elemente auf der Seite auswählen können. Schauen wir uns das folgende Beispiel an:

Kopieren Sie den Code

Der Code lautet wie folgt:

🎜>Name:

="password" name ="password" accesskey="p"/>

;
< ;/form>



In diesem Beispiel können Sie Tastenkombinationen verwenden, um Elemente auf der Seite auszuwählen. B. in Windows Unter dem Betriebssystem können Sie Alt XXX verwenden, um ein Element auszuwählen.
Betriebseffekt:




2.Klasse

Ich möchte nicht mehr zu diesem Attribut sagen. Es handelt sich um eine Funktion zum Gruppieren von Elementen. Sie wird häufiger in Verbindung mit CSS verwendet, um unterschiedliche Anzeigeeffekte für verschiedene Gruppen festzulegen Elemente.

3.contenteditable

Dies ist ein neues Attribut in HTML5. Setzen Sie es auf true, um Benutzern das Bearbeiten des Elementinhalts zu ermöglichen Benutzern das Bearbeiten nicht erlauben.

Code kopieren
Der Code lautet wie folgt: