Was sind die Standards zum Schreiben von HTML-Code?

Dieses Mal werde ich Ihnen die Standards zum Schreiben von HTML-Code und die Vorsichtsmaßnahmen zum Schreiben von HTML-Code vorstellen. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Allgemeine Konventionen
Tags

Selbstschließende Tags, kein Schließen erforderlich (z. B. img input br hr usw.);
Optional Das schließende Tag muss geschlossen werden (zum Beispiel: oder ); versuchen Sie, die Anzahl der Tags zu reduzieren

<img src="images/google.png" alt="Google">  
<input type="text" name="title">   
<ul>  
  <li>Style</li>  
  <li>Guide</li>  
</ul>  
<!-- Not recommended -->  
<span class="avatar">  
  <img src="...">  
</span>  
<!-- Recommended -->  
<img class="avatar" src="...">

Klassen- und ID-Wörter werden in Kleinbuchstaben geschrieben. 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;

<!-- Not recommended -->  
<div class="j-hook left contentWrapper"></div>   
<!-- Recommended -->  
<div id="j-hook" class="sidebar content-wrapper"></div>

AttributeReihenfolge

class
name
data-xxx
src, for, type, href
title, alt
aria-xxx, role

<a id="..." class="..." data-modal="toggle" href="###"></a>  
  
<input class="form-control" type="text">  
  
<img src="..." alt="...">

Andere verwandte Artikel!

HTML-Optimierungstechniken, die Sie kennen müssen

So legen Sie die horizontale und vertikale Zentrierung von HTML-Elementen fest

Wie man HTML und CSS verwendet, um eine klare Botschaft zu vermitteln

Das obige ist der detaillierte Inhalt vonWas sind die Standards zum Schreiben von HTML-Code?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!