您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
一纸荒年 发布于2019年11月18日 15:57

原创 web前端开发-命名规则

185 次浏览 读完需要≈ 16 分钟 HTML

内容目录

Html 命名规范

基本要求

  • 文件编码统一使用 UTF-8 编码;
  • 命名时以符合语义为主要参考指标,CSS属性书写规范,采用统一风格及命名方法;
  • 结构清晰,层级关系明朗,以不超过三级为标准;
  • 同一表现形式的样式要求可重复利用,模块组件类的样式要求可整体外部移植;
  • 编写 CSS 的时候,应当避免使用CSS Hack,能不用则不用。
  • 所有页面默认都针对Firefox 等最接近标准的浏览器进行设计,然后使用 IE 特有条件注释功能进行针对性修正。
  • 请使用英文进行命名,尽量避免使用拼音。命名要求具有可读性,尽量避免使用缩写。命名虽然允许数字,但应尽量避免使用数字命名。

命名方法

  • 连写式命名法,如:helloworld
  • 中线命名法,如:hello-world(目前采用此方法的较多,建议采用)
  • 下划线命名法,如:hello_world
  • 骆驼命名法,如:helloWorld
  • 帕斯卡命名法,如:HelloWorld
  • 其他方法。

样式文件命名规范

  • 全局的:global.css
  • 主要的:master.css
  • 布局、版面:layout.css
  • 专栏:columns.css
  • 文字:font.css
  • 打印样式:print.css
  • 主题:themes.css
  • 补丁:pacth.css
  • 格式化浏览器:base.css等。

常用Html页面名称

标题 名称 标题 名称 标题 名称
首页 default/index.html 网站地图 sitemap.html 加入我们 joinus.html
404错误页面 404.html 通行证 passport.html 合作伙伴 partner.html
打印页 print.html 排行榜 rank.html 服务 service.html
页头 header.html 滚动新闻 roll.html 关于我们 aboutus.html
页脚 footer.html 解决方案 solution.html 联系我们 contact.html
公司介绍 company.html 组织结构 organization.html 企业文化 culture.html
发展策略 strategy.html 公司荣誉 honor.html 企业资质 aptitudes.html
大事记 events.html 商务合作 business.html 隐私声明 privacy.html
服务条款 contract.html 企业社会责任 CSR.html 新闻相关 news-开头.html
资讯相关 article-开头.html 图片相关 picture-开头.html 相册相关 photo-开头.html
产品相关 product-开头.html 商品相关 goods-开头.html 系统相关 system-开头.html
tag相关 tag-开头.html 品牌相关 brand-开头.html 帮助相关 help-开头.html
会员相关 member-开头.html 搜索相关 search-开头.html

常用Html页面中css命名

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

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论