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 ),
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
