• CSS 命名规范


    XHTML-CSS写作建议

    1. 所有的xhtml代码小写
    2. 属性的值一定要用双引号("")括起来,且一定要有值
    3. 每个标签都要有开始和结束,且要有正确的层次
    4. 空元素要有结束的tag或于开始的tag后加上"/"
    5. 表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
    6. <h1>到<h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
    7. 给每一个表格和表单加上一个唯一的、结构标记id
    8. 给重要的区块加上注释,如:
    9. 给图片加上alt标签
    10. 所有的标签必须进行合理的嵌套
    11. 根元素前必须有元素,宣告使用那一种DTD
    12. 根元素必须有xmlns属性来指定使用http://www.w3.org/1999/xhtml的namespace

    CSS样式表规范:

    1. id和class命名采用该版块的英文单词或组合命名,并第一个单词小写,第二个单词首个字母大写,如:newRelease(最新产品/new+Release)
    2. CSS样式表各区块用注释说明
    3. 尽量使用英文命名原则
    4. 不用加中杠和下划线
    5. 尽量不缩写,除非一看就明白的单词

    CSS命名规范

    这段时间由于工作的需要对CSS的命名做了一些研究,主要是想让作出的文档等规范,更能让人看懂和读懂。


    DIV CSS名称 说明
    网站公用相关
    Container div #container 容器
    Header or banner div #header 页头部分
    Main or global navigation div #mainNav 主导航
    Menu #menu 菜单
    Sub Menu #submenu 子菜单
    Left or right side columns #sidebarA, #sidebarB 左边栏或右边栏
    Main div #main 页面主体
    Content div #content 内容部分
    The main content area #contentMain 主要内容区域
    Footer div #footer 页脚部分
    Tag #tag 标签
    Message #msg #message 提示信息
    Tips #tips 小技巧
    Vote #vote 投票
    Friend Link #friendlink 友情连接
    Title #title 标题
    Summary #summary 摘要
    Sub-navigation list #subNav 二级导航
    Search input #searchInput 搜索输入框
    Search output #searchOutput 搜索输出和搜索结果相似
    Search #search 搜索
    Search results #searchResults 搜索结果
    Copyright information #copyright 版权信息
    brand #branding 商标
    branding-logo #brandingLogo LOGO
    Site information #siteinfo 网站信息
    Copyright information etc. #siteinfoLegal 法律声明
    Designer or other credits #siteinfoCredits 信誉
    Join us #joinus 加入我们
    Partnership opportunities #partner 合作伙伴
    Services #service 服务
    Regsiter #regsiter 注册
    Status #status 状态
    电子贸易相关
    Products .products 产品
    Products prices .productsPrices 产品价格
    Products description .productsDescription 产品描述
    Products review .productsReview 产品评论
    Editor's review .editorReview 编辑评论
    New release .newsRelease 最新产品
    Publisher .publisher 生产商
    Screen shot .screenshot 缩略图
    FAQ .faqs 常见问题
    Keyword .keyword 关键词
    Blog .blog 博客
    Forum .forum 论坛
    http://www.blueidea.com/articleimg/magazine/noahweb/4/#CSS
  • 相关阅读:
    File IO (Examples)
    File IO (AsciiToBinary / BinaryToAscii)
    Bit Operation (Message Compression/Decompression)
    Use GDB to debug code (2Example)
    Linked List in C (3Sorted List)
    在用户控件 ASCX 创建用户控件 ASCX
    恢复现有mongodb中的单个集合
    恢复现有mongodb中的单个集合
    WebForm与MVC混用
    WebForm与MVC混用
  • 原文地址:https://www.cnblogs.com/stalwart/p/1740501.html
Copyright © 2020-2023  润新知