w3c html规范规范文档,前端开发规范

为什么要有web网站前端开发规范手册?因为人多不一定就力量大,还有可能一团糟。因此为了提升团队凝聚力,统一团队代码风格,优化团队协作效率,需要推出专门的《前端开发规范手册》来约束同一项目不同程序员的代码风格。

制定《前端开发规范手册》首先需要符合web标准,兼顾结构分明、兼容性优良、页面性能高、代码简洁明了等要求,再根据开发需求进行一定的调整。

文件命名统一采用小写英文字母,尽量不包含空格和特殊符号。因为是团队协作,因此起的名字应方便每一位成员的理解,并且能够方便地进行查找、修改、替换、计算负载量等等操作。

文件规范

1. html, css, js, images文件均归档至约定的目录中;

2. html文件命名: 英文命名, 后缀.html或.htm. 同时将统一页面文件放于同目录中, 以方便后端添加功能时查找对应页面;

3. css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.;

4. Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名。

手册目录

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/528321.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

公需科目必须学吗_要考电工证吗?电工技术必须学的33招,电工技术知识

理了一下电工常用的技术口决,希望能给大家带来帮助!1,直接起动三相异步电动机的开关、熔断器的电流规格及电源容量最小值。电机满压直接起,铭牌电流五至七。容量不超十千瓦,否则设备撑不起。直接起动配开关&#xff0c…

html多级折叠菜单表单,JS实战篇之收缩菜单表单布局

获取节点的两种方式:1、通过event对象的srcElement属性;2、通过事件源对象用this传入。代码如下:收缩菜单 表单布局function list(dtNode){// var dtNode event.srcElement;var dlNode dtNode.parentNode;// alert(dtNode.nodeName"-…

html5 输入框有值无效,HTML5基础 input required 输入框内必须有内容

OS : Windows 10browser : Chrome 83.0.4103.116editor : Visual Studio Code 1.46.1typesetting : Markdown?htmlDocument?result?resource[ 教程 ] www.w3school.com.cn/html/index.asp[ 手册 ] www.w3cschool.cn/html5_reference.html[ 规范 ] www.runoob.com/html/html5…

网页设计 html鼠标悬停,利用css3实现的简单的鼠标悬停按钮

今天给大家分享一款基于css3的简单的鼠标悬停按钮。这款悬停按钮鼠标经过前边框是间断的。当鼠标经过的时候边框间隔消失。效果图如下:实现的代码。html代码:复制代码代码如下:Single gradient borderClick Me! Very long link text herePseudo elements…

计算机主机光盘故障,光驱常见故障及解决办法

很多人可能遇到过电脑不能识别驱的故障,那么小编就简单的给大家介绍一下,希望能帮助到大家。 原因分析: 该问题可能是注册表中存在错误的键值导致的。 终极解决方法: 提示:修改注册表有风险,请慎重操作。 1.按WinR键,输…

sts4创建spring项目_使用STS4新建springboot项目

1.配置maven,自定义setting文件和仓库,一定要用阿里云镜像地址下载依赖,官方太坑了,整了半天都没弄好,原来是下载太慢文件损坏alimavencentralaliyun mavenhttp://maven.aliyun.com/nexus/content/groups/public/pom 文…

工期计算机在线,工期日历计算器

工期日历计算器官方版工期日历计算器官方版是款适合很多行业中使用的做工工期计算工具。工期日历计算器中用户们可以设置开竣工日期后,自动计算工期,正好适合记录工期。工期日历计算器中还包括“起始日期、结束日期、间隔日起、工期天数”等计算功能。华…

python列表元素都加倍_关于python列表增加元素的三种操作方法

关于python列表增加元素的三种操作方法1、insert方法,该方法包含两个参数,第一个参数为插入的位置参数,第二个参数为插入内容a [0,0,0]b [1,2,3]a.insert(0,b)print a输出:[[1, 2, 3], 0, 0, 0]2、extend方法,该方法…

计算机应用基础山东省,2019年山东省中等职业学校对口升学考试:计算机文化基础+计算机应用基础模拟试卷...

&nbsp&nbsp[导读]:2019年山东省中等职业学校对口升学考试:计算机文化基础计算机应用基础模拟试卷。更多对口考试辅导资料请访问易考吧对口招生考试网山东省2019年中等职业学校对口升学考试:计算机文化基础计算机应用基础模拟试卷为了帮助广大考生…

小爱同学100个奇葩回复_杰理新一代蓝牙芯片将内置小爱同学,语音唤醒、降噪、连续对话加持蓝牙音箱...

在 11 月 20 日召开的小米 AI 生态峰会暨小爱同学 3.0 发布会上,珠海杰理科技作为小爱同学在芯片端赋能的代表企业,带来了 3 款内置小爱同学标准 SDK 的第二代降噪、语音唤醒蓝牙芯片。据杰理科技副总经理胡向军介绍,系列芯片将会于今年年底及…

react-native 显示html,react-native-webview加载本地H5

webview使用uri属性加载html资源。1.简单且常变动的需求可以选择加载远程网页地址2.当需要接入的网络资源很多,如一些独立的web应用,可以考虑本地接入针对本地接入方式进行记录。所有的静态资源如 css,js,img等都应该存储在本地。…

python一百行代码多少钱_用86行Python代码模拟太阳系

Python代码模拟的太阳系,包括了水星(Mercury), 金星(Venus),地球(Earth),月球(Moon),火星(Mars)上面的动画是我用86行Python代码模拟的一个比较真实的太阳系,用到的基本原理就是N体问题,这是计算天体物理里…

html还原ui,前端高度还原设计稿(字体篇)

前言:以前前端都是拿到psd设计图,需要自己用ps切图,需要自己在psd上面一个个去量设计的大小和间距,而现在一般都是要求设计师把设计稿直接上传到蓝湖上面,通过蓝湖的标注来写出前端代码!下面我就前端如何根…

计算机网络协议的特点,计算机网络传输层协议类型与特点

我们在上文中给大家简单介绍了计算机网络体系的七层结构,而今天我们就一起来了解一下,计算机网络传输层协议类型与特点。传输层涉及到两个重要的协议:UDP和TCP,本节我们重点介绍这两个协议。1、UDP协议1.1、UDP数据报格式UDP基本没…

ciaodvd数据集的简单介绍_人工智能进阶-CIFAR-10数据集介绍

CIFAR-10该数据集共有60000张彩色图像,这些图像是32*32,分为10个类,每类6000张图。这里面有50000张用于训练,构成了5个训练批,每一批10000张图;另外10000用于测试,单独构成一批。测试批的数据里…

已达成计算机的连接数最大值无法再,已达到计算机的连接数最大值,无法再同此远程计算机连接...

已达到计算机的连接数最大值,无法再同此远程计算机连接当打开文件共享时,弹出无法连接的对话框:“....已达到计算机的连接数最大值,无法再同此远程计算机连接”。对于server版的服务器系统,从未遇到过如此问题,而现在访问的服务器…

jq设置保留两位小数_如何实现python中format函数保留指定位数的小数?

我们经常说我国人口有13亿,这13亿数字是一个近似数。在我们无法精确准确得到一个数字时,会选择是它的近似数。近似数即经过四舍五入、进一法或者去尾法等方法得到的一个与原始数据相差不大的一个数。之前小编向大家介绍了在python中用用round函数保留两位…

计算机四级的英文,计算机四级考试中英文术语对照

access 访问存取通路进入achieve 实现完成acquire 获得adjacency list method 邻接表表示法adjacency matrix method 邻接矩阵表示法algorithm 算法allocate 留下分配analog 推论append 添加archive 档案归档array 数组assign 分配assume 假设assurance 确信信任ATM(asynchrono…

sap系统搭建教程_詹迟迟:如何搭建知识付费系统?知识付费系统搭建教程

​如何搭建知识付费系统?知识付费一直很火爆,在这个不确定的时代,很多人已经明确知道,学习是终身的事情,也有人在说这只是在制造焦虑,但知识付费越来越火是个明确的事实。这就有很多知识付费平台产生了&…

单价数量和总价的公式_人教版四年级数学上册单价、数量和总价之间的关系微课...

温馨提示:若有视频需付费才可打开,请您不予理会跳过看其它视频微课1微课2(点开下面链接即可查看)2020年秋季1-9年级学生课本上册全套多版本电子版都在这了部编小学语文1-6年级上册全册优质授课视频人教版数学四年级上册《大数的认识1-1:亿以内…