Detaillierte Einführung in die HTML-Namenskonventionen

Die vorherigen Wörter

Die DOM-Struktur und die Benennung sind aus historischen Gründen und persönlichen Gewohnheiten nicht einheitlich, was zu einer geringen Effizienz führt, wenn verschiedene Mitglieder dieselbe Seite pflegen, und zu extrem hohen Iterations- und Wartungskosten. Daher ist es unbedingt erforderlich, einheitliche Namenskonventionen zu verwenden. In diesem Artikel wird die Namenskonvention im Detail vorgestellt

Verzeichnisbenennung

1. Projektordner: Projektname

2. Stilordner: CSS

3. Skriptordner: js

4. Stilbildordner: img

Bildbenennung

Es wird empfohlen, Bilder im zu benennen folgende Reihenfolge Benennung:

(m_) Bildfunktionskategorie (erforderlich) + Bildmodulname (optional) + Bildgenauigkeit (optional)

m_ gibt an, ob es öffentlich ist, optional

[Bildfunktionskategorie]

Symbol: Modultyp verfestigtes Symbol

Logo: LOGO-Typ

spr: eine kombinierte Sammlung verschiedener Elemente auf einer einzelnen Seite

btn: Schaltfläche

bg: kachelbarer oder großer Hintergrund

Bild: Bild, das den aktuellen Inhalt oder das aktuelle Geschäft darstellt

[Name des Bildmoduls]

Warenliste: Produktliste

Wareninfo: Produktinformationen

Benutzerporträt: Benutzeravatar

[Bildgenauigkeit]

Allgemein klar: @1x

Retina: @2x |. @3x

//公共模块：
m_btn_goodlist@2x.png
m_btn_goodlist.png

//非公共模块：
wx_btn_goodlist@2x.png
wx_btn_goodlist.png
btn_goodlist.png

Dateibenennung

Stellen Sie sicher, dass der Dateiname immer mit einem Buchstaben beginnt und nicht mit einem Alle Buchstaben müssen in Kleinbuchstaben geschrieben, durch Unterstriche verbunden und ohne andere Satzzeichen sein, z. B.

<!-- HTML -->
connect.html
connect_list.html
connect_detail.html
<!-- SASS -->
connect.scss
connect_list.scss
connect_detail.scss

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die HTML-Namenskonventionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!