命名规范
标准
- 推荐使用中划线连接单词，比如login-bg
- 遵循一套命名规范
- css选择使用class，避免使用id，id一般用来标注js
- 所有的属性都使用双引号
"",不要使用单引号'' - 尽量使用最少的html结构
- 能使用标签的尽量使用标签（常用标签表）
- 尽量不要使用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）
- 标题（
-
