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: bed06894275b65c1ab86501b08a632eb oder 36cc49f0c466276486e50c850b7e4956); 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="...">

Klasse und ID

Klassen sollten nach Funktion oder Inhalt benannt werden, nicht nach Ausdruck;

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

HTML-Attribute sollten in einer bestimmten Reihenfolge erscheinen, um die Lesbarkeit zu gewährleisten.

id

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="...">

Anführungszeichen

Verwenden Sie für die Definition von Attributen einheitlich doppelte Anführungszeichen.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website

Andere verwandte Artikel!

Verwandte Lektüre:

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!