css样式的类名或者相关的ID名也是需要一定的规则，这样有利于前台和后台的交互1一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题2常见的人们约定的命名习惯为头header 内容contentcontainer 尾footer 导航nav 侧栏sidebar 栏目column 页面；接下来我们就来详细了解CLASS与ID基本属性及用法DIV CSS中id与class使用原则id的使用原则先来说说id，id具有唯一性，其使用原则也是依据这一特性建立的id是不能重复的，所以在XHTML的结构中，大结构一定是用id比如标志导航主体内容版权这些根据制定的规范命名为#logo，#nav，#content，#；一网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率所有的命名最好都小写 属性的值一定要用双引号括起来，且一定要有值如class=divcss，id=divcss 每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 空元素要有结束的tag或于开始的tag后加；命名规范元素名称可以包含拉丁字母，数字，破折号和下划线CSS类名写成块名称加破折号加上元素名称blockelem，其中elem可以是直接元素标签名，也是表义的名称css样式的类名或者相关的ID名也是需要一定的规则，这样有利于前台和后台的交互一般公司开发都是给技术员一本网站前端开发规范，里面详细的；您要问的是有的网页元素id没法使用的原因是什么id命名无效在HTML中，id属性的值必须遵循一定的规则例如，id值不能以数字开头，只能包含字母数字和下划线等字符id值不符合规范，浏览器无法正确解析和使用该元素。

注释的写法在HTML中为，在CSS中为* content *CSS的命名规范包括id和class的命名规则id命名应遵循页面结构导航功能等分类，尽量用英文，不加中杠和下划线class命名应遵循颜色字体大小对齐样式等分类，2个组合的单词不用中杠和下划线主要的站点css文件包括mastercssmodulecssbase；id则通常用于单独标识某个元素，它在JavaScript中也经常被用作DOM操作的标志如果class和id命名不当，会带来很多麻烦，比如无法正确地定位到元素样式冲突等为了避免这些问题，我们应该尽量避免出现中文命名重复命名命名不规范等情况2选择合适的attribute 在选择attribute时，应该根据元素的用途和属性。

4 **空元素**需有结束标签或在其后添加quotquot5 **表现与结构分离**，避免在代码中混入表现元素，如`style``font``bgColor``border`等6 **类名和ID定义**应遵循从大到小的原则，有利于文档结构的清晰展示和搜索引擎的索引特定命名推荐 1 **外套**`#wrapper`，用于最外层的；什么是类选择器？ 作用根据指定的类名称找到对应的标签，然后设置属性 格式 类名称 属性值 注意点 1每个HTML标签都有一个属性叫做class，也就是说每个标签都可以设置class 2在同一个界面的class名称是可以重复的 3在编写class选择器时一定要在class名称前面加上 4类名的命名规范和id名称的命名；总的说来，对于命名规范，我们应该首要遵循“代码即注释”使用了宽松的比较==而不是严格比较=== 有些前端同学养成了使用==宽松比较的习惯，有时候在数据类型不统一的情况下确实是个好办法，比如前端有一个id = 5，而后端返回了一个id = #395#39， 此时5 == #395#39是成立的，然而也是因为这一隐式转换的特性；6命名同时还需要关注语义，如 变量名应当使用名词函数名应当用动宾短语getAccListData类名应当用名词32 JS书写规范性 JavaScript程序应独立保存在后缀名为js的文件中33 JS书写规范性 避免每行超过80个字符34 JS书写规范性 尽量减少全局变量的使用，不要让局部变量覆盖全局变量35 JS书写规范。

在网站前端开发中，CSS样式的类名或ID名的命名规则至关重要，这有助于提高前台和后台的协作效率许多公司会为技术团队提供一份详细的前端开发规范文档，其中涵盖了各类命名规则和相关说明常见的命名习惯包括使用“header”代表头部“content”或“container”用于描述主要内容区域“footer”表示底部；1id id是设置标签的标识用于定义一个元素的独特的样式在CSS样式定义的时候 以“#”来开头命名id名称用法若一个标签的id=quotmyidquot，那么使用它的时候通过”$quot#myidquot“来获取当前标签或使用“#myid”来定义CSS样式2class根据用户定义的标准对一个或多个元素进行标记和定义，一个。

二CSS的规范1id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如newRelease最新产品new+Release ，或者用下划线链接new_Release2CSS样式表各区块用注释说明 注释的写法* Footer * 内容区 * End Footer * 3尽量使用英文命名原则；使用BEM命名规范，CSS代码的组织如块Block元素Element和修饰器Modifier的组合，使得HTML选择器结构清晰，便于维护，但可能因名字冗长而稍显繁琐BEM规则中，块元素间用双下划线 #39__#39 分隔，块修饰器或元素修饰器用单下划线 #39_#39，单词间用中划线 #39#39 连接每个BEM选择器应保持单一层次；在编程领域，id排版遵循一定的格式规范，旨在提升代码的可读性和可维护性常见的几种id排版格式包括驼峰命名法下划线命名法和短横线命名法驼峰命名法要求每个单词的首字母小写，后续单词的首字母大写，例如myVariableName下划线命名法则通过下划线将单词分隔开，所有字母均采用小写形式，比如my_variab。

前端规范一命名规范1小驼峰命名法lowerCamelCase 第一个单词以小写字母开始，第二个单词的首字母大写，例如firstNamelastName2大驼峰命名法CamelCase 每一个单词的首字母都采用大写字母，例如FirstNameLastName3下划线命名法snake_case下划线命名法也叫蛇形法。