前面的话 由历史原因及个人习惯引起的 DOM 结构、命名不统一，导致不同成员在维护同一页面时，效率低下，迭代、维护成本极高。所以，使用统一的命名规范非常必要。本文将详细介绍命名规范 目录命名 1、项目文件夹：projectname 2、样式文件夹：css 3、脚本文件夹：js 4、样式类图片文件夹：img 图片命名 图片命名建议以以下顺序命名： （m_）图片功能类别（必选）+ 图片模块名称（可选） + 图片精度（可选） ...
在一个内容较多的HTML页面中，需要设计许多不同的框架，再为这些不同的框架及内容进行分类，给予相应的名称，从而使得网页结构更加清晰，也为工作提供了方便。许多新手朋友在设计一个HTML文件时，可能只会依据自己的想法随便给一些简单的名称，但若是一味的乱起名称，不仅会让团队的伙伴看不明白，还会导致标签名称混乱，这样会使得代码维护十分困难，是非常不利于管理的。所以我们在设计整个网站，还是一个单独的HTML页面，都应该...
HTML+CSS命名规则 在一个内容较多的HTML页面中，需要设计许多不同的框架，再为这些不同的框架及内容进行分类，给予相应的名称，从而使得网页结构更加清晰，也为工作提供了方便。许多新手朋友在设计一个HTML文件时，可能只会依据自己的想法随便给一些简单的名称，但若是一味的乱起名称，不仅会让团队的伙伴看不明白，还会导致标签名称混乱，这样会使得代码维护十分困难，是非常不利于管理的。所以我们在设计整个网站，还是一个单独...
正确并形象地给函数、变量命名，不仅可以增加程序的可读性，也是程序员编程风格的一种反映。较好的命名习惯，可以有效的提高程序的可维护性。以下介绍规范命名的方法，感兴趣的小伙伴们可以来看一下。1. DIV+CSS规范命名集合我们开发CSS+p网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双...
这篇文章主要为大家深度剖析了关于页面布局class常见命名规范的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：fr...
在做项目的过程中，我们经常会建立各种各样的规范，以方便团队之间更好的合作更好的完成项目；同样我们也经常会听到各种各样的协议，比如Google的IM软件Gtalk使用的开放的XMPP协议，只要其他IM软件也遵循XMPP协议就能与Gtalk使用互通；而互联网上的信息无以计数，这些信息本身是独立存在的，如何将其串联并呈现在用户眼前，就需要使用到HTTP协议。同样的道理，因为浏览器们各自的内核不同，对于默认样式的渲染也不尽相同，所以就需...
css命名规范、html标签语义化 dl,li { font: 12px/24px 'simsun';} dl dt { font-weight: bold; } 本文参考文章1 本文参考文章2 命名规范 命名只能是[a-zA-Z0-9]、连字符(-)、下划线(_) 命名必须以字母开头命名、单词间用下换线(main_left)连接或驼峰命名(mainLeft、MainLeft) 语义化命名{侧边栏：sidebar,主要内容：main}
来源：http://blog.bingo929.com/web-ui-design-name-convention.html 一.网站设计及基本框架结构: 1. Container “container“ 就是将页面中的所有元素包在一起的部分，这部分还可以命名为: “wrapper“, “wrap“, “page“. 2. Header “header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader). 3. Navbar “navbar“等同于横向的导航...
内容：content/container 导航：nav 侧栏：sidebar 栏目：column 标志：logo 页面主体：main 广告：banner 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu搜索：search 页脚：footer 滚动：scroll 版权：copyright 友情链接：friendlink 子菜单：submenu 内容：content 标签页：tab 文章列表：list 注册：regsiter 提示信息：msg 小技巧：tips 加入：joinus 栏目标题：title 指南：guild 服务：servic...
网页切图过程中div+css命名规则内容：content/container 导航：nav 侧栏：sidebar 栏目：column 标志：logo 页面主体：main 广告：banner 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu搜索：search 页脚：footer 滚动：scroll 版权：copyright 友情链接：friendlink 子菜单：submenu 内容：content 标签页：tab 文章列表：list 注册：regsiter 提示信息：msg 小技巧：tips 加入：joinus 栏目标题：t...
让搜索引擎优化(SEO)更有效 CSS+DIV标签命名规范 搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则： 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll...
上次给别人演示div的效果时，写了css样式却一直不能呈现，最后不小心发现自己在写css样式时候，给一个class命名为数字开头的名称，才想起来自己去年刚学习样式表时候也出现此问题，最后被我解决掉的，声明一下css中的名称不要以数字开头，最好是字母开头。 以下是：CSS 命名规范 XHTML-CSS写作建议 所有的xhtml代码小写 属性的值一定要用双引号("")括起来，且一定要有值 每个标签都要有开始和结束，且要有正确的层次 空元...
div+css命名规则 2009-04-15 11:48 常用代码结构： div：主要用于布局，分割页面的结构ul/ol：用于无序/有序列表span：没有特殊的意义，可以用作排版的辅助，例如： (4.23)隐居豆腐店 然后在css中定义span为右浮动，实现了日期和标题分两侧显示的效果 h1-h6：标题h1-h6 根据重要性依次递减h1位最重要的标题 label：为了使你的表单更有亲和力而...
一．文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 二．常用类/ID命名规范 页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu标 志：logo标 语：banner标 题：title侧边栏：sidebar图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接：lin...
SEO（搜索引擎优化）有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下： 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:jo...