Maison > Article > interface Web > 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),
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 :Contenu ---------------Utilisé pour le corps central de la page WebPied de page inférieur --------------- Utilisé pour le bas 3. Table de référence de dénomination DIV+CSS : - TOP
#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 modulepartage de base base.csslayout.css mise en page, layoutthemes.css thèmecolonnes .css colonnefont.css texte, fontforms.css formmend.css patchprint.css printAutres 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!