Allgemeine Konventionen
Tag
Selbstschließendes Tag, muss nicht geschlossen werden (zum Beispiel: img input br hr usw.);
Optionales schließendes Tag (schließendes Tag), muss geschlossen werden (zum Beispiel: oder < ; /body>);
Reduzieren Sie die Anzahl der Tags so weit wie möglich;
Klasse und ID
Klasse sollte nach Funktion oder Inhalt benannt werden, nicht nach Ausdruck;
Klasse und ID sollten in Kleinbuchstaben geschrieben werden. Wenn sie aus mehreren Wörtern bestehen, verwenden Sie eine Bindestrich-Trennung.
Verwenden Sie eine eindeutige ID als Javascript-Hook , und vermeiden Sie das Erstellen von Klassen ohne Stilinformationen
Attributreihenfolge
HTML-Attribute sollten in einer bestimmten Reihenfolge erscheinen, um die Lesbarkeit zu gewährleisten.
id
Klasse
Name
data-xxx
src, for, type, href
Titel, alt
aria-xxx, Rolle
Anführungszeichen
Verwenden Sie für die Definition von Attributen einheitlich doppelte Anführungszeichen.
b Verschachtelt
a erlaubt keine Verschachtelung von Divs. Zu den verschiedenen Einschränkungen gehört beispielsweise keine Verschachtelung von a.
Strenge Verschachtelungsbeschränkungen sind nicht in allen Browsern zulässig; die meisten Browser beherrschen die Fehlertoleranz und die generierten Dokumentbäume können sich voneinander unterscheiden.
Semantische Verschachtelungsbeschränkungen
