Liste complète des conventions de dénomination div+css

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

1), tous les noms doivent être en minuscules
2), les valeurs d'attribut doivent être placées entre guillemets ("") et doivent être Elle doit avoir une valeur telle que class="divcss5", id="divcss5"
3), chaque balise doit avoir un début et une fin, et doit avoir le bon niveau, et la mise en page doit être régulière et soignée
4), éléments vides Il doit y avoir une balise de fin ou "/" après la balise de début
5). Les performances et la structure sont complètement séparées. Le code n'implique aucun élément de performance, tel que le style, la police, bgColor. , bordure, etc.
6 ),

à

doivent être définis de grand à petit pour refléter la structure du document et faciliter les requêtes des moteurs de recherche.
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 à moins qu'il ne s'agisse d'un mot facile à comprendre en un coup d'œil
DIVCSS5 présente à tout le monde les méthodes de dénomination CSS courantes et les méthodes de dénomination CSS DIV.
2. Nommage du style CSS pour les parties importantes de la couche externe de la page Web : - TOP

Coat wrap ------------------utilisé pour la couche la plus externe
En-tête ----------------utilisé pour la tête
Contenu principal main------------utilisé pour le contenu principal (partie centrale)
Gauche principale-gauche -------------Disposition gauche
Droite principale-droite ----------Disposition droite
Barre de navigation nav ------------------Barre de navigation du menu de la page Web
contenu --------------- Utilisé pour le corps central du page Web
Pied de page inférieur --------------- utilisé pour le bas
3. Table de référence de dénomination DIV+CSS : - TOP

Les éléments suivants sont de style CSS noms et fichiers CSS Table de référence de noms, collection de noms CSS DIV :

CSS样式命名	说明
网页公共命名
#wrapper	页面外围控制整体布局宽度
#container或#content	容器,用于最外层
#layout	布局
#head, #header	页头部分
#foot, #footer	页脚部分
#nav	主导航
#subnav	二级导航
#menu	菜单
#submenu	子菜单
#sideBar	侧栏
#sidebar_a, #sidebar_b	左边栏或右边栏
#main	页面主体
#tag	标签
#msg #message	提示信息
#tips	小技巧
#vote	投票
#friendlink	友情连接
#title	标题
#summary	摘要
#loginbar	登录条
#searchInput	搜索输入框
#hot	热门热点
#search	搜索
#search_output	搜索输出和搜索结果相似
#searchBar	搜索条
#search_results	搜索结果
#copyright	版权信息
#branding	商标
#logo	网站LOGO标志
#siteinfo	网站信息
#siteinfoLegal	法律声明
#siteinfoCredits	信誉
#joinus	加入我们
#partner	合作伙伴
#service	服务
#regsiter	注册
arr/arrow	箭头
#guild	指南
#sitemap	网站地图
#list	列表
#homepage	首页
#subpage	二级页面子页面
#tool, #toolbar	工具条
#drop	下拉
#dorpmenu	下拉菜单
#status	状态
#scroll	滚动
.tab	标签页
.left .right .center	居左、中、右
.news	新闻
.download	下载
.banner	广告条(顶部广告条)
电子贸易相关
.products	产品
.products_prices	产品价格
.products_description	产品描述
.products_review	产品评论
.editor_review	编辑评论
.news_release	最新产品
.publisher	生产商
.screenshot	缩略图
.faqs	常见问题
.keyword	关键词
.blog	博客
.forum	论坛

CSS文件命名	说明
master.css,style.css	主要的
module.css	模块
base.css	基本共用
layout.css	布局，版面
themes.css	主题
columns.css	专栏
font.css	文字、字体
forms.css	表单
mend.css	补丁
print.css	打印

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
#conteneur ou # Conteneur de contenu, utilisé pour la couche la plus externe
#layout layout
#head, #header header part
#foot, #footer footer part
#nav primaire navigation
#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 tag
# msg #informations sur l'invite de message
#tips tips
#vote vote
#friendlink connexion amicale
#title title
#summary summary
#loginbar barre de connexion
#searchInput search Zone de saisie
# Hot Hotspot
#search Search
#search_output Le résultat de la recherche 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 Trademark
#logo LOGO du site
#siteinfo Informations sur le site
#siteinfoLegal Mentions légales
#siteinfoCrédits Réputation
#joinus Rejoignez-nous
#partenaire Partenaire
#service Service
#inscription inscription
arr/arrow arrow
#guild guide
#sitemap sitemap
#list list
#homepage homepage
#subpage page secondaire sous-page
#tool, #toolbar barre d'outils
#drop drop-down
#dorpmenu menu déroulant
#status status
#scroll scroll
.tab tab
.left .right .center A gauche, au centre et à droite
.news Actualités
.download Télécharger
.banner Bannière publicitaire (bannière publicitaire supérieure)
Liés au commerce électronique
.products Produits
.products_prices Prix des produits
.products_description Description du produit
.products_review Évaluation du produit
.editor_review Évaluation de l'éditeur
.news_release Dernier produit
.publisher Fabricant
.screenshot Thumbnail
.faqs Foire aux questions
.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, mise en page
themes.css theme
columns.css column
font.css text, font
forms.css form
mend.css patch
print .css print
Autres instructions pour CSS dénomination :
Résumé de dénomination DIV+CSS : peu importe que vous utilisiez « » (point minuscule) pour choisir le nom commençant par le symbole, ou que vous utilisiez « # » (signe dièse) pour choisir le nom commençant par le symbole. , mais nous ferions mieux de noter que les cases principales, importantes, spéciales et les plus extérieures sont nommées en commençant par le symbole de sélection « # » (dièse), et les autres sont nommées en commençant par le « ». ) En même temps, pensez à nommer les sélecteurs CSS pour réutiliser les appels en HTML.
Habituellement, nos noms principaux les plus couramment utilisés sont : wrap (coat, couche la plus externe), header (header, header), nav (barre de navigation), menu (menu), title (titre de colonne, généralement utilisé avec la balise h1h2h3h4) )
, contenu (zone de contenu), pied de page (pied de page, bas), logo (logo, peut être utilisé avec la balise h1), bannière (bannière publicitaire, généralement en haut), copyRight (droit d'auteur). 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 le symbole de sélection « ».
2. Les fichiers de style CSS sont nommés comme suit

Main master.css
Layout, layout.css
Columns columns.css
Text font.css
Print style print .css
themes.css
4. Compétences en matière de dénomination en anglais : - TOP

Si vous rencontrez quelque chose qui n'est pas couramment utilisé, vous pouvez utiliser un outil de traduction pour le traduire et lui donner un anglais nom.
Il est recommandé d'utiliser l'outil de traduction en ligne de Google :

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!