html id命名规范,CSS常用类/ID命名规范

书写规范请查看《CSS语法及命名规范(入门)》，本文介绍常用类/ID命名规范，

一．DIV+CSS布局文件命名规范

全局样式：global.css；

框架布局：layout.css；

字体样式：font.css；

链接样式：link.css；

打印样式：print.css；

二．常用类/ID命名规范

内 容：content

容 器：container

版 权：copyright

菜单：menu    子菜单：submenu

子导航：subnav

标 志：logo

广告：banner

标 题：title

侧边栏：sidebar

图 标：Icon

注 释：note

搜 索：search

登 录：login 登录条：loginbar

链 接：link

信息框：manage

滚动：scroll

页面主体：main

内容：content

标签页：tab

章列表：list

信息：msg

小技巧：tips

标题：title

指南：guild

服务：service

热点：hot

新闻：news

下载：download

注册：regsiter

状态：status

按钮：btn

投票：vote

合作伙伴：partner

友情链接：friendlink

页脚：footer

版权：copyright

提交：submit

文本框：textbox

统计：count

以上结构可以组合使用，例如：左列标题lefttitle；底部导航footernav

书写原则：

1.一律小写；

2.尽量用英文；

3.不加中杠和下划线；

4.尽量不缩写，除非一看就明白的单词。

常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn。

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/3366.html