目录
概述
从本Reno初学MySQL到今天初学web前端，规范这两个字一直被提及，对于每一位开发者来说，开发规范是最先需要掌握且最重要的。大多数项目都是由一个团队的多个人共同完成的，遵守开发规范可以提升效率，增加可读性和可维护性。
文件（夹）命名及结构
1. 文件（夹）命名
一个前端项目中，所有的文件和文件夹命名时只能使用英文及合法的英文字符，尽量用小写英文，不得出现中文字符，否则可能由于服务器不识别中文字符造成不必要的麻烦。
2. 文件（夹）结构
HTML文件：
1. 完整的HTML+CSS前端项目至少包含一个HTML文件，且自己写的HTML文件一般直接存储在项目的下一级
2. 主页的文件名一般为index.html
CSS文件：
1. 至少包含一个通用css文件(一般命名为reset.css)用于对所有页面以及页面的基本标签进行初始化设置，正是开发中不能修改
2. 所有style样式都写在css文件里，不要在html文件中写style标签
3. 为单个页面写的css文件名与html页面的文件名应当一致，便于维护
4. 所有css文件都要装在项目下的css子文件夹
HTML中的插图
所有的图片装在项目下的img或images的子文件夹中，并且里面可以有子文件夹用于给插图分类。
HTML页面书写
1. HTML标签
双标签代码格式：
<标签名（属性名=“属性值”） >
内容或子标签
</标签名>
Notice：
1. 标签名前不允许有空格，标签名后可以有空格，属性可以写若干个
2. 当内容只需要一行文字时，开始标签、内容文字、结束标签写在同一行
3. 双标签同括号一样，必须成对出现，不得只写一边忽略另一边
4. 缩进与对齐格式同C/C++一样，开始和结束标签不在同行时同级标签左边应当对齐
2. html基本结构
<html>
<head>
标签页
</head>
<body>
主体内容
</body>
</html>Notice：
1. 网页的标签页主题、标签页图标、链接其他文件都写在head部分
2. 网页最终显示的内容全部写到body部分里，里面的标签要注意层层缩进
CSS书写规范
1. CSS类定义格式：
.类名 {
属性: 值
}
2. id定义格式
#id名 {
属性: 值
}
3. 标签样式
标签名 {
属性: 值
}
Notice：
1. 规范的类名一般全部小写或遵循小驼峰，单词之间可以用减号连接
2. 类名、标签名、id名均可重复，表示补充属性
扫一扫
1082
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
