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;
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<imgsrc="images/google.png "alt="Google">
<EingabeTyp="Text" Name="Titel">
<ul>
<li>Stilli>
<li>Leitfadenli>
ul>
<spanclass="avatar" >
<imgsrc=".. .">
span>
<imgKlasse="avatar" src="...">
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
XML/HTML-CodeInhalt in die Zwischenablage kopieren
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
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<aid="..."Klasse="..."datenmodal="toggle"href="###"> a>
<EingabeKlasse="form- control"type="text">
<imgsrc=".. ."alt="...">
Anführungszeichen
Verwenden Sie für die Definition von Attributen einheitlich doppelte Anführungszeichen.
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<spanid='j- Hook'class=text>Googlespan>
<spanid="j- Hook"class="text">Googlespan>
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
verwendet unter ;
verwendet unter ; , ,
,
werden unter
;
Strenge Verschachtelungsbeschränkungen
Inline-Level-Elemente können nur Text oder andere Inline-Level-Elemente enthalten; , ; verschachtelt werden 🎜>
Web-Frontend
