Was sind die Tags und allgemeinen Regeln in HTML5? Einführung in HTML5-Tags und -Regeln

In diesem Artikel erfahren Sie, was die Tags und allgemeinen Regeln in HTML5 sind. Die Einführung von HTML5-Tags und -Regeln hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.

1. Benennungsregeln
[Obligatorisch] Klasse: Das Wort muss ausschließlich aus Kleinbuchstaben bestehen, durch - getrennt werden und den Inhalt oder die Funktion des entsprechenden Moduls oder der entsprechenden Komponente darstellen und darf nicht mit benannt werden Dank des integrierten HTML-Stils sollte die Benennung eine klare Semantik haben.
[Obligatorisch] ID: muss auf der Seite eindeutig bleiben und die Benennung sollte eine klare Semantik haben.

2. Tag
[Obligatorisch] Tag-Namen in HTML müssen Kleinbuchstaben verwenden.
[Obligatorisch] Das Schließen von Tags muss den HTML5-Vorschriften entsprechen.
[Obligatorisch] Die Verwendung von Tags muss den Verschachtelungsregeln von Tags entsprechen. Beispiel: p darf nicht in p platziert werden und tbody muss in der Tabelle platziert werden.
[Empfehlung] Die Verwendung von Tags muss der Semantik der Tags folgen, zum Beispiel:
p – Absatz
h1, h2, h3, h4, h5, h6 – hierarchischer Titel
strong, em - Hervorhebung
Einfügungen - Einfügung
Entf - Löschung
Abbr - Abkürzung
Code - Code-Identifikation
Zitat - der Titel des Quellwerks
q - Zitat
Blockzitat - a Absatz oder langes Zitat
ul – Ungeordnete Liste
ol – Geordnete Liste
dl,dt,dd – Definierte Liste
[Empfehlung] Tabellen sollten nicht für das Layout verwendet werden, wenn CSS die gleiche Anforderung erfüllen kann.

3. Attribute
[Obligatorisch] Attribute müssen Kleinbuchstaben verwenden und ihre Attributwerte müssen in doppelte Anführungszeichen gesetzt werden.
[Vorschlag] Vorschläge vom Typ Boolescher Typ fügen keine Attributwerte hinzu. Es wird empfohlen, benutzerdefinierten Attributen xxx- und data-

4 voranzustellen. Verwenden Sie doctype, um den Standardmodus zu aktivieren. Es wird empfohlen, DOCTYPE in Großbuchstaben zu verwenden 5. Sprachkodierung
[Empfehlung] hilft, die Zugänglichkeit der Seite zu verbessern. Das richtige lang-Attribut muss festgelegt werden, zum Beispiel:

[Pflichtfeld] Die Seite muss das Zeichenkodierungsmeta angeben und das erste direkte untergeordnete Element von head sein, zum Beispiel: .

6. Einführung von CSS und JavaScript
[Obligatorisch] Bei der Einführung von CSS müssen Sie rel="stylesheet" angeben, und bei der Einführung von CSS und Javascript müssen Sie das Typattribut angeben.

[Empfehlung]Javascript-Code muss am Ende der Seite platziert oder asynchron geladen werden.

7. Kopfinhalt
[Obligatorisch] Das Title-Tag muss als direktes untergeordnetes Element des Kopfes und unmittelbar nach der Zeichensatzdeklaration festgelegt werden.

[Obligatorisch] Der Zugriff auf Favicon ist garantiert, zum Beispiel:

[Obligatorisch] Das Viewport-Attribut muss angegeben werden.

8. Bilder
[Obligatorisch] verhindert, dass der src-Wert von img leer ist, und der Standardwert des src-Attributs muss auch zu verzögert geladenen Bildern hinzugefügt werden.

[Empfehlung] Fügen Sie wichtigen Bildern einen Alt-Attributwert hinzu.

[Empfohlen] Fügen Sie Breiten- und Höhenattribute hinzu, um Seitenzittern zu vermeiden.

9. Steuerelementtitel
[Obligatorisch] Steuerelemente mit Texttiteln müssen Label-Tags verwenden, um sie mit ihren Titeln zu verknüpfen, zum Beispiel:

<label><input type="checkbox"name="confirm" value="on"> 我已确认上述条款</label>或<labelfor="user">用户：</label><inputtype="text" name="user" id="user">

Schaltflächen
[ Obligatorisch] Der Typattributwert muss angegeben werden, wenn Schaltflächenelemente verwendet werden

11. Barrierefreiheit
[Empfehlung] Bei der Verwendung von JavaScript für die Formularübermittlung sollte die native Übermittlungsfunktion ordnungsgemäß funktionieren.

[Empfehlung] Geben Sie das Typattribut des Eingabefelds entsprechend dem Inhaltstyp an, zum Beispiel:

12. Multimedia
[Empfehlung] Verwenden Sie Audio und Video-Tags zum Abspielen. Bei der Verwendung von Audio und Video sollten Sie auf das Format achten:

Audioformat: MP3, WAV, Ogg

Videoformat: MP4, WebM, Ogg

13

[Obligatorisch] Der CSS- und JavaScript-Code der Seite oder des Moduls muss ausführlich kommentiert werden

Verwandte Empfehlungen:

Zusammenfassung der Änderungen in der HTML5-Seitenstruktur und Hinzufügen und Löschen von Tags

Beispielcode eines div-Tags in HTML5

Das obige ist der detaillierte Inhalt vonWas sind die Tags und allgemeinen Regeln in HTML5? Einführung in HTML5-Tags und -Regeln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!