作为前端开发人,经常头疼于雷鸣,标签,id名的命名,不知道应该基于什么原则. 原则: 2 当命名的时候,问自己,这个元素是要来做什么?(根据使用目的).ad-banner 4 避免依靠位置和视觉效果命名.如.red-link #left-column 3 使用更加直观的命名. 虽然#header 有点用location来命名,但是这基本都遵守,比用#branding更加直观 如果我问 bob 这个类,id是做什么的,他是否会自动知道 好处: 当你一个right-cloumn想移到左侧时,就会引起

说明,本篇内容为书籍<高流量网站CSS开发技术>的学习总结,文字出自书本 书不错,推荐阅读学习 也可参阅网上的博文 原载:彬Go链接:http://blog.bingo929.com/css-coding-semantic-naming.html class和id是用来建立CSS到HTML文件内部的衔接 注意,有些选择器的写法应考虑浏览器兼容问题,如nth-child选择器,多class选择器.classA.classB(IE6和以前的版本不能理解) 对于元素class和id命名,有几件事要放

ID命名和数字约定 MFC ID 命名和数字约定需要满足以下要求: 提供对 Visual C++ 资源编辑器支持的 MFC 库和 MFC 应用程序中使用的一致的 ID 命名标准. 这样就可以轻松地对程序员介绍了一种资源的类型和原点距其 ID 的. 基础 ID 之间的某些类型的密切的一对一关系. 符合已命名的 ID 的常用标准在窗口中. 分区 ID 号空间. ID 号可由程序员. MFC.窗口和 visual C++ 编辑的资源分配. 相应分区将有助于避免 ID 号的副本. ID 前缀命名约定  

今天早上双击一个刚刚编译完成的应用程序,界面刚刚显示,又自动触发了一个菜单事件,打开了一个网页.真的很意外.关闭窗口,再次双击,又自动打开了一个网页,再关闭,再双击,又不自动打开网页了.这是什么情况? 到百度搜索“mfc 菜单 id 范围”,找到一篇来自CSDN的帖子: http://topic.csdn.net/t/20030708/14/2003847.html 看到最后一位回复者(sxslyy)的内容: 见MFC   windows   程序设计   第199页   ID要为16的倍数,因

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

1.常用id的命名: (1)页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center (2)导航 导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar 菜单:

因为本框架默认所有内容都位于一个Document中,所以为元素命名为ID的时候需要做到唯一性,如果确实不可避免的会出现有重读ID的现象,需要操作当前页片(页面片段,就是子页面)的时候,尽量用: $.CurrentNavtab.find("#dom-id"),在当前标签工作区中查找指定ID的元素 或 $.CurrentDialog.find("#dom-id"),在当前弹窗中查找指定ID的元素

1.一般ID在一个区域内必须是唯一的.这样是一个规范而且在IE中使用JS通过ID获取这个对象永远只能获取第一个. 2.js无法找到重复的ID,用js获取时,只能得到第一个ID元素,但,如果不同的区域范围,就没问题了. 办法:指定范围,分区域获取ID.

控件 缩写 LayoutView lv RelativeView rv TextView tv Button btn ImageButton imgBtn ImageView mgView 或则 iv CheckBox chk RadioButton rdoBtn analogClock anaClk DigtalClock dgtClk DatePicker dtPk EditText edtTxt TimePicker tmPk toggleButton tglBtn ProgressBar

无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则: 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面,

HTML+CSS命名规范总结 1.HTML部分 1.1添加必须的utf-8的字符集,并且使用HTML5的简洁 方式: <meta charset="utf-8"> 1.2遵循xhtml1.0规则 1)所有标签必须结束 2)所有标签必须小写 3)标签属性必须使用成对引号(单引号或双引号) 4)标签属性必须有值: 5)所有特殊符号必须转义 1.3标签属性命名规范 Id:连接符命名法"hello-world" Class:连接符命名法"hello-w

原文链接:http://www.zhangxinxu.com/wordpress/2010/09/%E7%B2%BE%E7%AE%80%E9%AB%98%E6%95%88%E7%9A%84css%E5%91%BD%E5%90%8D%E5%87%86%E5%88%99%E6%96%B9%E6%B3%95/ 一.“无”的哲学 佛家讲究“因果报应”,有果必有应.此段看似与主题没有血缘关系,实际讲的是“因”. 我个人比较喜欢老子的道家思想,并喜欢以其思想解释学习与工作中遇到的一些问题.例如我之前写过的“

一.解决的问题 & 评价标准 web语义化能解决如下问题: 1. 页面样式丢失 2. 有颜色或其他障碍的访客也能读懂页面 3. 移动设备访问页面 4. 程序(如爬虫)理解页面(换句话说SEO优化) 二.评价标准 web语义化主要是为了让页面结构更清晰,更关注内容之间的层次关系及意义.比如一个div内部标题用h1 ~ h6 ,内容是artical 或section来包裹. web语义化在我眼中是将一个web页面去除css  js ,人依然能够明白页面含义,再进一步是机器能够识别页面逻辑及含义.比如

什么是Web语义化 Web语义化是指使用恰当语义的html标签.class类名等内容,让页面具有良好的结构与含义,从而让人和机器都能快速理解网页内容.语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内容,然后将收集汇总的信息进行分析,结果为人类所用:另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器(如果访客有视障)能够读懂内容. 简单来说就是利于 SEO,便于阅读维护理解. 总结起来就是: 正确的标签做正确的事情 页面内容结构化 无CSS样子时

1.HTML命名规范及格式规范 标签名和属性应该都小写,虽然HTML代码不区分大小写:属性值应该用双引号闭合. <IMG src=demo.jpg alt='test'/>(N) <img src=demo.jpg alt="test"/>(Y) 给所有的关键元素定义元素的id和class,便于和CSS.javascript交互.推荐做法:根据语义和DOM树的层级关系来定义合适的名称,名称中全部使用小写,id名称中的关键词使用下划线(_)连接,class的关键词

一.Web语义化 1.1 H5的语义化 对于经验资深的前端er,在给web布局时,相信都会很注重标签和命名的规范.尤其是随着html5的普及发展,更是把web前端语义化推向一个新的台阶上.比如html5给我们新增的语义标签:header.nav.main.aside.footer.section.article等等.那么对于web语义化,有什么优势呢? 1.2 语义化优势 可以让人一目了然代码结构块,对于项目的维护或者优化都是非常有意义的. 语义化能提高页面SEO.如:<header><

1 前端开发命名规范 1.1 为什么要制定CSS命名规范 统一的命名规范,便于多人开发维护时代码统一,减少项目沟通和交接的成本,增加代码的语义化. 1.2 CSS命名规则 样式类名全部用小写,首字符必须是字母,禁止数字或其他特殊字符.由以字母开头的小写字母(a-z).数字(0-9).中划线 (-)组成. 可以是单个单词,也可以是组合单词,要求能够描述清楚模块和元素的含义,使其具有语义化.避免使用 123456…,red,blue,left,right之类的(如颜色.字号大小等)矢量命名,如cla

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

有经验的网页制作者都明白,对于有多个栏目的大型网站而言,使用单一的CSS文件是不可能的.但CSS文件名如何命名对于新手来说是件容易出乱子的事.如何才能将CSS的命名做得井井有条? 坚持使用统一的CSS命名规则并养成习惯,可以让你更容易维护.修改以前编写过的CSS代码,从而提高自己的工作效率.而且还能加强搜索引擎优化,方便记忆. ? 首先,CSS文件必须统一放在一个目录下,比如style.css等. 其次,在给CSS文件进行命名时,经常使用符合语义的英文名字,实在不行再使用拼音命名.在命名时,将影

命名规则参考:1.从组件类型名中移去T前缀.例如TButton变成Button.2.除了第一个元音,删去所有元音字母.例如,Button变成bttn,Edit变成edt.3.压缩双字母.例如,bttn变成btn.4.如相同前缀名导致发生冲突,则在某一组件前缀中加入一个元音.例如在TButton组件的前缀中加入元音变为batn,以区别Button的前缀.5.用不用皆可:去掉一些普遍重复的部分,例如textbox按照前上3条的说明应该书写为txtbx,但是box一词是很多组件共同拥有的词条,所以被去