文档章节

常用网页元素命名规范参

李朝强
 李朝强
发布于 2019/07/11 19:46
字数 473
阅读 42
收藏 0

网页元素名称的规范性有助于团队内部成员的沟通,同时还能够提高后期的维护性,网页元素的命名主要是针对id和class进行的,针对网页元素的命名没有业界标准,但有一些大家公认的规则。

一般情况下id我们通常采用camelCase命名规则(首字母小写,其它单词首字母大写),比如:studentName和fontColor等。针对Class的命名,我们不难发现,很多开源框架都使用短横线分割小写单词,比如:ui-widget-header和content-right,除了遵守这样的规则外,一个有意义的名称也是非常重要的,下面列举一些常用的网页命名词汇,零度建议,仅供参考。

常用名称 备注说明 常用名称 备注说明
header 网页头部 content/container 网页内容
footer 页脚版权 nav 导航
sidebar 侧栏 column 栏目
wrapper 整体容器 loginbar 登陆条
logo 标志 banner 广告
main 页面主体 hot 热点
news 新闻 download 下载
subnav 子导航 menu 菜单
submenu 子菜单 search 搜索
friendlink 友情链接 copyright 版权
scroll 滚动 tab 标签页
list 文章列表 msg 提示信息
tips 小技巧 title 栏目标题
joinus 加入我们 guild 指南
vote 投票 partner 合作伙伴
mainbav 主导航 subnav 子导航
topnav 顶部导航 leftsidebar 左导航
rightsidebar 右导航 summary 摘要
btn 按钮 current 当前的
icon 图标 note 注释

本文转载自:https://www.xcode.me/book/guide/html-page-naming-guide

李朝强
粉丝 93
博文 303
码字总数 154818
作品 0
郑州
产品经理
私信 提问
加载中

评论(0)

端程序员入门所要学习的16个知识点

1、HTML常用标签 语言是什么 、Web前端开发语言、 HTML超文本标记语言 、 网页主体结构 、常用标签、超链接(a标签)、Img图片标签 2、盒子模型 初探Div盒子模型 、css样式、 简单css样式、盒...

急速奔跑中的蜗牛
2018/06/07
0
0
DIV+CSS规范命名大全集合

网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇。 常用DIV+CSS命名大全集合,即CSS命名规则 DIV CSS命...

0000001
2014/08/12
189
0
南漂一卒/EasyWebApp

声明式 MVVM 引擎 —— EasyWebApp v4 基于 AMD 规范加载器、jQuery v3.2+ 构建,兼容 IE 9+、ECMAScript 5+、HTML 5+ 【原生态模板】 EWA 模板语法完全沿用各种 Web 前端原生技术的标准语义...

南漂一卒
2015/07/24
0
0
前端学习(四)--jQuery

一、入门 1、jquery 就是一个js的框架; 2、好处就是能让我们的js代码写的更少; 3、基本使用:引入script,后面使用即可; 4、关于版本选择:1.* 版本的兼容性比较好,大公司用的多; 5、关...

stanwuc
2018/11/29
0
0
函数的实参和形参、作为值的函数

函数的实参和形参 JavaScript中的函数定义并未指定函数形参的类型,函数调用也未对传入的实参值做任何类型检查。实际上,JavaScript函数调用甚至不检查传入形参的个数。 可选形参 当调用函数...

yufawu
2019/01/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

浙江局域网共享文件加密哪个好用?公司电子文件加密价格?根源防泄漏风奥科技

如今的互联网格局中,数据信息安全对于企业而言发挥的作用越来越大,如何使用好第三方的电子文档加密软件来保护企业内部局域网环境下的数据文件的使用安全? 为什么电子文档加密受到如此的关...

fasoft
9分钟前
10
0
华为云 ServiceStage 正式加入 Spring 生态大家族!

本文介绍最近开源的spring-cloud-huawei背景、定义、优势和使用方法,带你两分钟搞定SpringCloud应用与ServiceComb引擎对接。 为什么会有spring-cloud-huawei? 很多人会使用SpringCloud开发...

业界首个Apache微服务顶级项目
11分钟前
14
0
数据库性能提升利器—Mycat数据切分

一、前言 数据库是每个系统都不可缺少的东西,里面记录了系统各种数据资料。但是如今的数据膨胀的时代,数据库性能不能满足我们的需要了。所以我们要对数据库进行强化,就用到了Mycat。 二、...

php开源社区
19分钟前
14
0
【Cloudam云端】公司内网如何设置代理服务器连接外网?win10

公司内网如何设置代理服务器连接外网? 一、点击WiFi下面【网络和Internet设置】。 二、会弹出网络和Internet设置的界面,选择左下方【代理】 三、打开【自动检测设置】和【代理服务器】 四、...

Cloudam云端
19分钟前
13
0
主机管理系统ZKEYS资源池授权详细流程

一、 获取ZKEYS授权 创建API密匙 1.登录ZKEYS(官网),进入会员中心 2.账户-API密匙管理-创建API密匙 3.填写ip白名单 4.安全验证,填写收到的验证码 5.API密匙创建成功 6.复制Secretld和Sec...

cloudman运维
35分钟前
30
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部