美文网首页
网页的命名规范

网页的命名规范

作者: 前端_hu | 来源:发表于2018-08-21 18:38 被阅读0次

一,html的命名规范

1,文件名称命名规则

统一使用,小写的英文字母,数字和下划线和减号的组合,不得包含汉字空格和特殊符号

原则是,方便理解和方便查找

2,首页面的命名

统一使用index,例如index.html, index.css ,index.js

3,子页面的命名

可以使用纯英文命名的方式,中文直接翻译。

二.JavaScript变量声明规范

1.$_英文字母开头,以$_英文字母还有数字组成。

2.区分大小写

3.不可以使用关键字和保留字

4.命名语义化

    驼峰命名法

大驼峰GetName (在JS中一般用于命名类)

小驼峰getName(开发中常用的命名方式)

三,图片的命名规范

1,图片的名称分为两个部分,用下划线间隔开,前面的部分是表示图片的大致性质的,例如:广告,标志,菜单,按钮等等。第二部分就是,数字

2,常用的规范命名:

标志性的图片取名:logo,

广告,装饰图案等长条,取名banner

不带链接的标题取名:title

按钮等图标取名:button

四、驼峰命名法

除了第一个单词以外,后面任何一个逻辑单词的首字母都要大写,方便辨认逻辑关系。

例如:userName userPassword。

如果是还有多个逻辑关系,那么除了第一单词不用首字母大写,其他都需要大写

五,CSS的选择器命名规范

1,不能以数字开头

2,不能是div1,div2,这样的html已经规定的标签,会造成冲突。

3,常用的命名单词

常用的css命名规则

(1)页面结构

容器: container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center

(2)导航

导航:nav

主导航:mainbav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题: title

摘要: summary

(3)功能

标志:logo

广告:banner

登陆:login

登录条:loginbar

注册:regsiter

搜索:search

功能区:shop

标题:title

加入:joinus

状态:status

按钮:btn

滚动:scroll

标签页:tab

文章列表:list

提示信息:msg

当前的: current

小技巧:tips

图标: icon

注释:note

指南:guild

服务:service

热点:hot

新闻:news

下载:download

投票:vote

合作伙伴:partner

友情链接:link

版权:copyright

相关文章

  • 网页的命名规范

    一,html的命名规范 1,文件名称命名规则 统一使用,小写的英文字母,数字和下划线和减号的组合,不得包含汉字空格...

  • CSS命名规范

    我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特网页制作中规范使用****DIV...

  • 适合各厂使用的 MySQL 团队开发规范,太详细了,建议收藏!

    数据库对象命名规范 数据库对象 数据库对象全局命名规范 数据库命名规范 表命名规范 字段命名规范 索引命名规范 视...

  • 代码书写规范

    res命名规范: src中命名规范: 习惯命名:

  • Flutter 代码规范

    命名规范 命名规范中包括了文件以及文件夹的命名规范,常量和变量的命名规范,类的命令规范。Dart 中只包含这三种命...

  • Android开发中的优化方案

    一、命名规范 代码规范先从命名规范开始,Android的命名规范主要涉及:Java源代码,xml文件,图片资源。 ...

  • Swift--规范编程

    命名规范 注释规范 声明 代码排版 命名规范 常用命名方法 匈牙利命名,一般只是命名变量,原则是: 变量名 = 类...

  • 入门13 CSS综合

    CSS编码规范 命名规范:语义化标签优先;基于功能命名、基于内容命名、基于表现命名;简略、明了、无后患 书写规范:...

  • 规范文档

    1.命名规范2.注释规范3.代码规范4.目录规范 1.命名规范 通用规范通用规范是在整个项目中,所有的命名都需要遵...

  • 内部前端规范v1.0

    项目目录结构规范 请查看 项目目录结构规范 HTML 命名规范 class 命名实行 BEM命名方式。关于BEM,...

网友评论

      本文标题:网页的命名规范

      本文链接:https://www.haomeiwen.com/subject/gctriftx.html