教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

为什么要规范命名网页模块?常见的命名规则有哪些?

更新时间:2021年05月24日16时58分 来源:传智教育 浏览次数:

传智教育-一样的教育,不一样的品质

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

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

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

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

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

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

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

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

1621845998696_模块的命名2.jpg

了解了命名原则和命名方式,接下来为大家列举网页中常用的一些命名,具体如表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





猜你喜欢:

表格标签的特点,如何在HTML网页中创建表格?

jQery网页编程如何使用筛选选择器?

CSS动画和JS动画缺点和优点分别是什么?

网页一般用什么工具布局?常用的网页流程布局介绍

传智教育前端与移动开发培训

0 分享到:
和我们在线交谈!