网站命名规范

命名规范

标准

1. 推荐使用中划线连接单词，比如login-bg
2. 遵循一套命名规范
3. css选择使用class，避免使用id，id一般用来标注js
4. 所有的属性都使用双引号"",不要使用单引号''
5. 尽量使用最少的html结构
6. 能使用标签的尽量使用标签（常用标签表）
7. 尽量不要使用js生成的标签，不易于调试，而且会降低性能

• 命名

  • 首页

    • 顶部（top-bar）
    • logo（logo，可以加<h1>标签）
    • 背景（bg或者background）
    • 导航（<nav>标签）
      • 主页（home）
      • 激活状态（active）
      • 下拉菜单（drop-down）
      • 子导航&内页导航（subnav）
    • 轮播（banner）
    • 侧边栏（sidebar）
      • 公众号（二维码QR，微信wechat，微博weibo）
      • 去往顶部（go-top）
    • 按钮（btn或者使用<button>标签）
    • 容器（container）
    • 更多（more）
    • 关于（about）
    • 联系（contact）
    • 新闻（news）
    • 头条（headline）
    • 摘要（info）
    • 搜索（search）
    • 标题（title或tit）
    • 小标题或英语标题（用<small>标签，比如<h2>主标题 <small>副标题</small> </h2>）
    • 页脚（用<footer>）
    • 友情链接（links）
    • 地址（add或者address）
    • 移动电话，手机（mobile或mobile-phone）
    • 固定电话（tel）
    • 电子邮箱（email）
    • 传真（fax）
    • 网站地图（sitemap）
    • 地图（map）
    • 广告（ad）
    • 列（column或col，讲一行分为10列，占一半的就col-5，以此类推）

  • 列表页

    • 新闻列表（news-list）
    • 图文列表（pic-list）
    • 略缩图（thumbnail）
    • 列表标题（<strong>标签）
    • 作者（editor）
    • 发表时间（date）
    • 来源（source）
    • 点击数（click）
    • 收藏（love）
    • 当前位置（cur或current）
    • 页码（page）

  • 内容详情页

    • 标题（<h1>标签，利于seo优化，一个页面一般只有一个<h1>）
    • 内容（<article>标签）
    • 分享（share）
    • 上下页（page-turn）
    • 内页联系方式（in-contact）
    • 内页banner（in-top）