网页标准规范化CSS+XHTML命名参考

css|xhtml|标准|参考|规范|规范化|网页

CSS命名规则

  头:header
  内容:content/containe
  尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面外围控制整体布局宽度:wrapper
  左右中:left right center
  登录条:loginbar
  标志:logo
  广告:banner
  页面主体:main
  热点:hot
  新闻:news
  下载:download
  子导航:subnav
  菜单:menu
  子菜单:submenu
  搜索:search
  友情链接:friendlink
  页脚:footer
  版权:copyright
  滚动:scroll
  内容:content
  标签页:tab
  文章列表:list
  提示信息:msg
  小技巧:tips
  栏目标题:title
  加入:joinus
  指南:guild
  服务:service
  注册:regsiter
  状态:status
  投票:vote
  合作伙伴:partner

XHTML文件中id的命名

(1)页面结构
  容器: container
  页头:header
  内容:content/container
  页面主体:main
  页尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面外围控制整体布局宽度:wrapper
  左右中:left right center
(2)导航
  导航:nav
  主导航:mainbav
  子导航:subnav
  顶导航:topnav
  边导航:sidebar
  左导航:leftsidebar
  右导航:rightsidebar
  菜单:menu
  子菜单:submenu
  标题: title
  摘要: summary
(3)功能
  标志:logo
  广告:banner
  登陆:login
  登录条:loginbar
  注册:regsiter
  搜索:search
  功能区:shop
  标题:title
  加入:joinus
  状态:status
  按钮:btn
  滚动:scroll
  标签页:tab
  文章列表:list
  提示信息:msg
  当前的: current
  小技巧:tips
  图标: icon
  注释:note
  指南:guild
  服务:service
  热点:hot
  新闻:news
  下载:download
  投票:vote
  合作伙伴:partner
  友情链接:link
  版权:copyright

XHTML文件中class的命名

(1)颜色:使用颜色的名称或者16进制代码,如(不建议以表现来命名)
  .red { color: red; }
  .f60 { color: #f60; }
  .ff8600 { color: #ff8600; }
(2)字体大小,直接使用"font+字体大小"作为名称,如
  .font12px { font-size: 12px; }
  .font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名称,如
  .left { float:left; }
  .bottom { float:bottom; }
(4)标题栏样式,使用"类别+功能"的方式命名,如
  .barnews { }
  .barproduct { }

其它相关注意事项

  1.一律小写;
  2.尽量用英文;
  3.不加中杠和下划线;
  4.尽量不缩写,除非一看就明白的单词.
    主要的 master.css
    模块 module.css
    基本共用 base.css
    布局,版面 layout.css
    主题 themes.css
    专栏 columns.css
    文字 font.css
    表单 forms.css
    补丁 mend.css
    打印 print.css

时间: 2024-12-03 01:40:32

网页标准规范化CSS+XHTML命名参考的相关文章

规范化CSS+XHTML命名参考

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

收集于网络的Web Standard规范化CSS+XHTML命名参考

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

网页标准学习:XHTML+CSS调用样式表

css|xhtml|标准|网页|样式表    web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的.这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧.要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的.    事实上,所有表现的地方都需要用CSS来实现.我们以前都习惯用table来定位和布局,现在要改用DIV来定位和布局.这是思维方式的变化,一开始有些不习惯.呵呵,任何变革都会有阻力的,为了享受标准带来的"益处"

网页标准初学:XHTML与HTML的区别

xhtml|标准|初学|区别|网页 因为XHTML是XML的一个应用,一些在基于SGML的HTML 4中完全合法的习惯在XHTML中必须改变. 文档必须是编排良好的 编排良好性Well-formedness是[XML]引入的一个新概念.从本质上说,这意味着元素必须有结束标签,或者必须以特殊方式书写(在下面说明). 元素必须嵌套,尽管SGML规定层叠非法,但现有的浏览器普遍允许层叠. 正确:嵌套元素. <p>here is an emphasized <em>paragraph<

网页标准:CSS编写过程中常见的10个错误

css|标准|错误|过程|网页 对于初学CSS布局的人也许会有很大的帮助.有经验的开发者在调试CSS布局时也能得到些启发. 1. 检查HTML元素是否有拼写错误.是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系.可以用dreamweaver的验证功能检查一下有无错误. 2. 检查CSS是否正确 检查一下有无拼写错误.是否忘记结尾的 } 等.可以利用CleanCSS来检查 CSS的拼写错误.CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误. 3. 确定错误发生的位置 如果错误影

网页标准DIV+CSS下的图片自适应解决方案

css|标准|解决|网页|自适应 我们(特别是像我一样的菜鸟)经常会遇到一个问题--图片自适应.这个问题是很普遍的.在文章区,在论坛,可以这么说:哪儿需要上传图片,哪儿就存在这个问题,而论坛上也不时有人询问.为什么?原因很简单,我们不能要求网页编辑或者你的论坛会员都会裁剪图片或者了解最基本的html代码--尽管这并没有多少技术含量. 以前的解决方法主要是利用js来实现,但用过的人都知道该办法有点繁琐.还有一种是在外部容器定义over-flow:hidden.但这种办法只会切割图片而不会自动适用.

用网页标准DIV+CSS创建固定宽度的网页布局

css|标准|创建|网页 用 XHTML 和 CSS 实现两列或三列页面布局的各个方面.到目前为止,所有例子都使用流式布局(也就是布局会自动扩展和适应浏览器窗口的宽度).现在是时候考虑另外一种主要的页面布局方法了,这种布局方法是固定宽度布局. 很多 Web 构建人员倾向于使用固定宽度的布局进行页面设计,因为它们能生成精确且可预知的结果.这种方法与打印布局非常接近,对于设计人员和访问者来说都是一个很重要的舒适因素:另外,对于包含很多大图片和其它元素的内容,由于它们在流式布局中不能很好地表现,因此固

网页标准初学:XHTML的标准定义

xhtml|标准|初学|网页 文档一致性 本版本 XHTML 提供了严格的遵循XHTML文档的定义受限于XHTML名址提供的标签和属性.使用XHTML其它名址空间的信息如RDF表达的元数据请参看Section 3.1.2 . 严格遵循的文档. 一个严格遵循XHTML的文档只需要本规范书描述的强制性功能必须依照下列标准: 它必须经过附录A Appendix A中的3中DTD之一的验证. 文档的根元素必须是<html>. 文档的根元素必须用xmlns属性[XMLNAMES]指定XHTML名址.XH

网页标准初学:XHTML的术语和常见词条

xhtml|标准|初学|网页 术语 本规范书要用到下面的词条.这些词条基于ISO/IEC 9945-1:1990 [POSIX.1]中类似的定义,并扩展定义在[RFC2119]中: 执行定义(Implementation-defined) 一个值或行为被执行定义时,它由执行来定义相应的需要以正确解释文档. 可以(May) 在执行时,词"可以"被解释为一个可选的特性,在本规范书中不是必须的,但是可以提供.对于文档一致性来说,词"可以"的意思是不能使用可选的特性. &q