在HTML文档中class名以及id名的命名规则

概述注意：命名不要以数字开始 了解class与id区别及用法 命名写法： 1. 每个单词中间以“_”隔开 #main_left_box{} 2. 驼峰命名 从第二个单词开始每个单词的首字母大写  #mainLeftBox{} 3. 用包含选择器，定义元素时候能找到这个元素并且不影响其他元素即可         如：.top p span em{}可以写成 .top em{}前提是，不影响其它元素样式

注意：命名不要以数字开始

了解class与ID区别及用法

命名写法：

1. 每个单词中间以“_”隔开 #main_left_Box{}

2. 驼峰命名 从第二个单词开始每个单词的首字母大写  #mainleftBox{}

3. 用包含选择器，定义元素时候能找到这个元素并且不影响其他元素即可
        如：.top p span em{}可以写成 .top em{}前提是，不影响其它元素样式
        

命名原则：可根据每块元素的主题 或者功能、在页面上的位置来定义名称，便于管理查找和维护

常用简例如下：（可根据内容需要组合使用）

顶部：top:
顶导航：topNav top_nav
页头：    header  如：#header{属性:属性值;}或.header{属性:属性值;},
页面主体：main         
页脚：footer
侧栏：sIDebar
边导航图标：sIDebarIcon   
广告：banner

外　套：wrap
栏目标题：Title  
内容：content

菜单：  menu   
子菜单：subMenu
菜单内容1： menu1Content
导航：nav  
子导航：subNav
搜索：search
登录条：loginbar

标志：logo   
指南：guild
新闻：news
热点：hot
下载：download  
服务：service  
登陆：login    
注册：regisiter  
合作伙伴：partner
版权：copyRight
友情链接：frIEndlink   

 
标签页：tab  
当前：current
文章列表：List                     
提示信息：msg    
加入：joinus
小技巧：tips  
投票：Vote                     
状态：status
滚动：scroll                                                                                 
按钮：btn                
商　标：label  

--------------------- 原文：https://blog.csdn.net/qq_35770417/article/details/77774982

总结

以上是内存溢出为你收集整理的在HTML文档中class名以及id名的命名规则全部内容，希望文章能够帮你解决在HTML文档中class名以及id名的命名规则所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。