Welche Regeln gelten für die Verwendung von HTML5-Tags?

Verwendungsregeln: 1. Das Klassenattribut des Tags muss Kleinbuchstaben enthalten und „-“ zum Trennen der Wörter verwenden. Es kann nicht mit integrierten Stilen benannt werden. 2. Das ID-Attribut des Tags muss eindeutig bleiben 3. Der Tag-Name muss Kleinbuchstaben verwenden. 4. Die Verwendung von Tags muss den Verschachtelungsregeln von Tags entsprechen. 5. Die Verwendung von Tags muss der Semantik der Tags entsprechen.

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

Was sind die Verwendungsregeln von HTML5-Tags

1. Benennungsregeln

[Obligatorisch] Klasse: Alle Wörter müssen in Kleinbuchstaben geschrieben, durch - getrennt werden und den Inhalt oder die Funktion des entsprechenden Moduls oder der entsprechenden Komponente darstellen. Es darf nicht nach dem integrierten HTML-Stil benannt sein und die Benennung sollte eine klare Semantik haben.

[Obligatorisch] ID: muss auf der Seite eindeutig bleiben und die Benennung sollte eine klare Semantik haben.

2. Tags

[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

ins – Einfügen

del – löschen

abbr – Abkürzung

code – Codekennung

cite – der Titel des zitierten Quellwerks

q – quote

blockquote – ein Absatz oder ein langes Zitat

ul – ungeordnet list

ol – geordnete Liste

dl,dt,dd – Liste definieren

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

[Vorschläge] Vorschläge vom Typ Boolescher Typ fügen keine Attributwerte hinzu. Es wird empfohlen, den benutzerdefinierten Attributen xxx- und data-

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

[Obligatorisch] Die Seite muss das Meta des Zeichens angeben Kodierung, und es muss sein head Das erste direkte untergeordnete Element, zum Beispiel: e0b98727b7a8c35266df47956accb156.

6. CSS- und JavaScript-Einführung

[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] Favicon ist garantiert zugänglich, zum Beispiel: eb8b05fa799a70a29c3eb6974a8ca0c3

[Obligatorisch] Das Viewport-Attribut muss angegeben werden.

8. Bilder

[Obligatorisch] Der src-Wert von img darf nicht leer sein, 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.

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

9. Steuerelementtitel

[Pflichtfeld] Steuerelemente mit Texttiteln müssen Beschriftungs-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">

10. Schaltflächen

[Pflichtfeld] Der Typ muss bei der Verwendung angegeben werden der Attributwert des Schaltflächenelements

11. Barrierefreiheit

[Empfehlung] Wenn Sie JavaScript für die Formularübermittlung verwenden, sollte dafür gesorgt werden, dass die native Übermittlungsfunktion ordnungsgemäß funktioniert.

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

12. Multimedia

[Vorschlag] Verwenden Sie Audio- und Video-Tags Beim Abspielen von Audio und Video sollte auf das Format geachtet werden:

Audioformat: MP3, WAV, Ogg

Videoformat: MP4, WebM, Ogg

13. Hinweis

[Obligatorisch] Der CSS- und Javascript-Code für Die Seite oder das Modul muss detailliert sein. Hinweis

Empfohlenes Tutorial: „

HTML-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonWelche Regeln gelten für die Verwendung von HTML5-Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!