ID和类名的命名

<h2>名称应与意义相关而不是表现。</h2>

比如,某些元素你希望他们显示为红色,然后分配类名red。

不要这样做。应该根据“它们是什么”来为元素命名,而不是根据“它们的外观如何”来命名。

有意义的类名的优点是可以在整个网站中重用它们。

举例:

不好的命名:    好的命名:

red        error

leftColumn    secondaryContent

topNav      mainNav

firstPara     intro

(一个疑问:是用驼峰命名法还是用hyphens来连接单词?比如main-nav。精通CSS中是用了hyphens的方式。)

命名规范:

http://www.w3.org/TR/html401/types.html#type-cdata中的规范规定是如下:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

时间: 2024-11-14 12:49:30

ID和类名的命名的相关文章

在文档中添加标签名、ID、类名

使用 Brackets 实时预览功能调试 CSS 样式时,添加如下代码到页面,可以帮助制定选择器. CSS样式: <style> small { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: normal; line-height: 1; color: #468847; text-align: center; white-space: nowrap; vertica

使用形容词给类型名或类名的命名方法

程序命名有很多方法,也有很多争论,有的人喜欢用下划线分隔,有的人喜欢用大小写分隔(驼峰),有人告诉你全局变量要全大写,有的人说用g_作前缀. 我觉得重点不是大小写或分隔符,而是使用不同词性的词来命名. 变量名用名词或定中短语,函数用动词或动宾短语这个已经形成共识.那类名呢?一般也用名词,这样会用变量名冲突,于是有些人用首字母大写给类命令,小写是变量:有些人则使用前缀或后缀区分.我觉得类名应使用形容词,但大多数类天然是名词,怎么变成形容词呢?其实很简单,加s就可以了,比如英语中表示"学生的&quo

Web前端开发规范文档(google规范)

(Xee:其实没什么规范约束,但是养成一种好习惯,何乐而不为?) 我推荐去看看google的开发规范,然后从他的当中去总结自己的开发规范. Google HTML/CSS代码风格指南 Google JavaScript 编码规范指南 ------------------------------------------------------------------------------------------------------------------------------- 绝大多数项

【java】之类加载机制

类加载: 类加载机制是指.class文件加载到jvm,并形成Class对象的机制,之后的应用就可对Class对象进行实例化并调用,类加载机制可在运行时动态加载外部的类,远程网络下载过来的class文件等,除了该动态化的优点外,还可通过jvm的类加载机制来达到类隔离的效果,例如Acclication server 中通常便面两个应用的类互相干扰. jvm将类加载过程化为三个步骤,装载,链接,初始化,装载和链接完成之后,即将二进制的字节码转换为Class对象,初始化过程不是加载类时必须触发的,但最迟

关于Html class id 命名规范

CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:foote

CSS命名规范

html页面的CSS.DIV命名规则 CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:

html页面的CSS、DIV命名规则

CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:foote

【转】python变量命名规范

python源码和其他一些书籍,命名各种个性,没有一个比较统一的命名规范.于是总结了一些,供参考. 模块名: 模块应该使用尽可能短的.全小写命名,可以在模块命名时使用下划线以增强可读性.同样包的命名也应该是这样的,虽然其并不鼓励下划线. 主要是考虑模块名是与文件夹相对应的,因此需要考虑文件系统的一些命名规则的,比如Unix系统对大小写敏感,而过长的文件名会影响其在Windows\Mac\Dos等系统中的正常使用. 通常是小写字母,单词之间用_分割 ad_stats.py 包名: 和模块名一样 类

实用的html页面的CSS、DIV命名规则

CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:foote