Règles de dénomination en HTML

Nous savons que HTML a ses règles de dénomination strictes, nous allons donc aujourd'hui intégrer ces règles pour éviter les malentendus de dénomination, et si vous standardisez l'utilisation des règles de dénomination DIV+CSS dans la production de vos pages Web, vous pouvez améliorer considérablement l'effet d'optimisation. , en particulier lorsque le travail d'équipe se produit, l'efficacité de la production collaborative est considérablement améliorée.

Lorsque nous développons des pages Web CSS+DIV (Xhtml), la chose la plus déroutante et la plus compliquée est la dénomination CSS, en particulier les débutants qui ne savent pas comment nommer des lieux et quelle est la meilleure façon de les nommer.

1. Description des règles de dénomination : - TOP

1), tous les noms doivent être en minuscules

2), les valeurs d'attribut doivent être entre guillemets doubles ("" ), et doit avoir des valeurs telles que class="divcss5", id="divcss5"

3). Chaque balise doit avoir un début et une fin, et doit avoir le niveau correct et une disposition régulière. Bien

4), les éléments vides doivent avoir une balise de fin ou ajouter "/" après la balise de début

5), les performances et la structure sont complètement séparées, et aucune performance n'est impliquée dans le code La définition des éléments, tels que le style, la police, bgColor, la bordure, etc.

6),

à

doit suivre le principe de grand à petit pour refléter la structure du document. et faciliter la recherche du moteur.

7), ajoutez un identifiant de balise de structure unique à chaque table et formulaire

8), ajoutez des balises alt aux images

9), essayez d'utiliser les principes de dénomination anglais

🎜>

10) Essayez de ne pas abréger les mots à moins qu'il ne s'agisse de mots faciles à comprendre en un coup d'œil

DIVCSS5 introduit les méthodes courantes de dénomination CSS et de dénomination CSS DIV.

2. Nommage du style CSS pour les parties importantes de la couche externe de la page Web :

Enveloppement de manteau ---------- ----- ---Utilisé pour l'en-tête

le plus externe ----------------Utilisé pour l'en-tête

contenu principal principal -- -- --------Utilisé pour le contenu principal (milieu)

main-left -------------Disposition gauche

main-droite- droite -----------Disposition à droite

Barre de navigation ------------------Barre de navigation du menu Web

Contenu ---------------Utilisé pour le corps central de la page Web

Pied de page inférieur --------------- Utilisé pour le bas

3. Table de référence de dénomination DIV+CSS : - TOP

Ce qui suit est la table de référence de dénomination de style CSS et de dénomination de fichier CSS, DIV CSS Collection de noms :

Nom de style CSS Description

Nom public de la page Web

#wrapper Contrôle périphérique de la page largeur globale de la mise en page

#container ou #conteneur de contenu, utilisé Couche la plus externe

#layout layout

#head, #header header part

#foot, #footer footer part

#nav navigation principale

#subnav navigation secondaire

#menu menu

#submenu submenu

#sideBar sidebar

#sidebar_a, # sidebar_b colonne de gauche ou de droite

#corps de la page principale

#tag label

#msg #message prompt message

#tips tips

#vote vote

#friendlink connexion conviviale

#title title

#summary summary

#loginbar barre de connexion

#searchInput champ de saisie de recherche

#hot hot spot

#search search

#search_output la sortie et les résultats de la recherche sont similaires

#searchBar barre de recherche

#search_results Résultats de la recherche

#copyright Informations sur les droits d'auteur

#branding Marque déposée

#logo LOGO du site Web

#siteinfo Informations sur le site Web

#siteinfoLegal Legal Avis

#siteinfoCredits Réputation

#joinus Rejoignez-nous

#partenaire Partenaire

#service Service

#regsiter s'inscrire

arr/flèche flèche

#guide de guilde

#sitemap plan du site

#list liste

# page d'accueil page d'accueil

# sous-page page secondaire sous-page

#tool, #toolbar barre d'outils

#drop drop-down

#dorpmenu menu déroulant

#statut statut

#scroll scroll

.tab onglet

.gauche .droite .centre gauche , centre, droite

.news news

.download télécharger

.banner bannière publicitaire (bannière publicitaire supérieure)

liés au commerce électronique

.products Produit

.products_prices Prix du produit

.products_description Description du produit

.products_review Évaluation du produit

.editor_review Évaluation de l'éditeur

.news_release Derniers produits

.éditeur Fabricant

.screenshot Vignettes

.faqs FAQ

.keyword mot-clé

.blog blog

.forum forum

Description du nom du fichier CSS

master.css, style.css principal

module.css module

partage de base base.css

layout.css mise en page, layout

themes.css thème

colonnes .css colonne

font.css texte, font

forms.css form

mend.css patch

print.css print

Autres instructions pour la dénomination CSS :

Résumé de dénomination DIV+CSS : peu importe que vous utilisiez « » (point minuscule) pour choisir un symbole pour commencer à nommer, ou que vous utilisiez « # » (signe dièse) pour choisir un symbole pour commencer à nommer, mais nous ferions mieux de suivre les principales et importantes. La case spéciale la plus à l'extérieur est nommée en commençant par le symbole de sélection "#" (dièse), et les autres sont nommées en commençant par le symbole de sélection "." (point minuscule). le nommé Sélecteur CSSRéutiliser les appels en HTML.

Habituellement, nos noms principaux les plus couramment utilisés sont : wrap (couche, couche la plus externe), header (en-tête, tête), nav (barre de navigation), menu (menu), titre (titre de colonne, coordination générale balises h1h2h3h4 sont utilisés)

, contenu (zone de contenu), pied de page (pied de page, bas), logo (logo, peut être utilisé avec les balises h1), bannière (bannière publicitaire, généralement en haut), copyRight (copyright) . D'autres peuvent être utilisés de manière sélective en fonction de vos propres besoins.

Recommandation DIVCSS5 : Les cases principales, importantes et les plus extérieures doivent être nommées en commençant par le symbole de sélection « # » (dièse), et les autres doivent être nommées en commençant par la sélection « ». symbole.

2. Les fichiers de style CSS sont nommés comme suit

Main master.css

layout, layout layout.css

Colonnes columns.css

Texte font.css

Style d'impression print.css

Thème thèmes.css

4. Compétences en matière de dénomination en anglais :

Si vous rencontrez quelque chose qui n'est pas couramment utilisé, vous pouvez utiliser un outil de traduction pour le traduire et le nommer en anglais.

Il est recommandé d'utiliser l'outil de traduction en ligne de Google : http://translate.google.cn/

La dénomination CSS standard apporte de nombreux avantages, j'espère tout le monde Respectez strictement les règles de dénomination pour que cela soit pratique pour vous, moi et les autres.

Lecture connexe :

Comment HTML appelle CSS pour gérer et embellir les divs

Cadre de base de la mise en page typique CSS+div

Exemple montrant l'implémentation DIV+CSS de la liste des stations de radio

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!