关于html与css前端代码书写命名，每个人前端人员都有自己命名的喜好，那么有没有一些书写的命名规范呢？覃师宁博客这里整理了一些常见的命名规则，有需要的朋友可以进行参考
1、常见页面结构布局命名规范
- 页面外围控制整体布局宽度：wrapper
- 容器: container
- 页头：header
- 页尾：footer
- 页面主体：main
- 内容：content
- 侧栏：sidebar
- 区块：section
- 文章：article
- 左右中：left right center
2、常见页面命名规范
- 首页：index
- 列表页：list
- 内容页：content
- 标签页：tags
- 新闻页：news
- 博客页：blog
- 下载：down
- 关于我们：about
- 登陆：login
- 注册：register/reg
3、页面头部命名
- 页头：header
- 顶部导航：topnav
- 导航：nav
- 主导航：mainbav
- 子导航：subnav
- 菜单：menu
- 子菜单：submenu
- 欢迎词：welcome
- 收藏网站：collect
- 网站标志：logo
- 网站信息：siteinfo
- 登陆：login
- 注册：regsiter
- 搜索：search
- 下拉菜单：dorpmenu
4、页面底部常用命名规范
- 底部导航：Bottomnav
- 友情链接：friendlink
- 联系我们：contact
- 关于我们：aboutus
- 关注我们：focusus
- 加入我们：joinus
- 合作伙伴：partner
- 版权：copyright
- 备案：beian/icp
- 服务：service
- 指南：guild
- 网站地图：sitemap
- 统计代码：tongji
5、首页/列表页常见命名规范
- 面包屑导航：Breadcrumbs
- 推荐：recommend
- 头条：headlines
- 缩略图：thumbnail
- 幻灯片：slide
- 横幅：banner
- 热点：hot
- 最新文章：news
- 选项卡：tab
- 模块：module
- 常见问题：faqs
- 阅读更多：readmore
- 详情：detail
- 广告：ad
- 公告：notice
6、文章内容页常用命名规范
- 内容页：content
- 标题: title
- 关键词：keyword
- 描述：description
- 摘要: summary
- 正文：content_text/con_text
- 信息：info
- 来源：befrom
- 作者：writer
- 栏目：column
- 阅读量：view
- 标签：tags
- 相关文章：rel_articles
- 版权声明：copyright
- 上一篇下一篇：previous_post、next_post
- 评论：comment
- 下载：download
- 指南：guild
- 提示信息：msg
7、CSS文件命名规范
- 通用：style.css/commom.css
- 模块：module.css
- 基本共用：base.css
- 布局：layout.css
- 主题：themes.css
- 专栏：columns.css
