Introduction détaillée aux conventions de dénomination HTML

Les mots précédents

La structure et la dénomination du DOM ne sont pas uniformes pour des raisons historiques et des habitudes personnelles, ce qui entraîne une faible efficacité lorsque différents membres maintiennent la même page et des coûts d'itération et de maintenance extrêmement élevés. Il est donc indispensable d’utiliser des conventions de dénomination unifiées. Cet article présentera la convention de dénomination en détail

Nom du répertoire

1. Dossier du projet : nom du projet

2. Dossier de style : css

3. Dossier de script : js

4. Dossier d'images de style : img

Nom des images

Il est recommandé de nommer les images dans le ordre suivant Nommage :

(m_) Catégorie de fonction d'image (obligatoire) + Nom du module d'image (facultatif) + Précision de l'image (facultatif)

m_ indique s'il est public, facultatif

[Catégorie de fonction d'image]

icône : type de module icône solidifiée

logo : type de LOGO

spr : une collection combinée de divers éléments sur une seule page

btn : bouton

bg : fond carrelable ou grand

pic : image représentant le contenu ou l'entreprise actuelle

[nom du module image]

Goodslist : Liste des produits

Goodsinfo : Informations sur le produit

Portrait de l'utilisateur : Avatar de l'utilisateur

[Précision de l'image]

Clair général : @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

Nom du fichier

Assurez-vous que le nom du fichier commence toujours par une lettre et non par un numéro. Et les lettres doivent être en minuscules, reliées par des traits de soulignement et sans autres signes de ponctuation, tels que

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!