学科分类
目录
HTML5+CSS3

网页模块命名规范

网页模块的命名,看似无足轻重,但如果没有统一的命名规范进行必要约束,随意命名就会使整个网站的后续工作很难进行。因此网页模块命名规范非常重要,需要引起初学者的足够重视。通常网页模块的命名需要遵循以下几个原则:

● 避免使用中文字符命名(例如id="导航栏")

● 不能以数字开头命名(例如id="1nav")

● 不能占用关键字(例如id="h3")

● 用最少的字母达到最容易理解的意义

在网页中,常用的命名方式有“驼峰式命名”和“帕斯卡命名”两种,对它们的具体解释如下:

● 驼峰式命名:除了第一个单词外其余单词首写字母都要大写(例如partOne)

● 帕斯卡命名:每一个单词之间用“_”连接(例如content_one)

了解了命名原则和命名方式,接下来为大家列举网页中常用的一些命名,具体如表1所示。

表1 常用命名规则

相关模块 命名 相关模块 命名
header 内容 content/container
导航 nav footer
侧栏 sidebar 栏目 column
左边、右边、中间 left right center 登录条 loginbar
标志 logo 广告 banner
页面主体 main 热点 hot
新闻 news 下载 download
子导航 subnav 菜单 menu
子菜单 submenu 搜索 search
友情链接 frIEndlink 版权 copyright
滚动 scroll 标签页 tab
文章列表 list 提示信息 msg
小技巧 tips 栏目标题 title
加入 joinus 指南 guild
服务 service 注册 regsiter
状态 status 投票 vote
合作伙伴 partner
CSS文件 命名 CSS文件 命名
主要样式 master 基本样式 base
模块样式 module 版面样式 layout
主题 themes 专栏 columns
文字 font 表单 forms
打印 print
点击此处
隐藏目录