下载文档原格式
软件开发Web前端开发规范软件开发Web前端开发规范是指在进行Web前端开发过程中，为了统一团队的代码风格，提高代码的可读性、可维护性和可扩展性而制定的规范。
本文将从代码结构、命名规范、注释规范、HTML规范、CSS规范、JavaScript规范以及版本控制等几个方面，详细阐述Web前端开发规范的内容。
一、代码结构规范：1. 项目根目录下应包含必要的文件，如index.html、package.json 等；2. 将不同类型的文件（如HTML、CSS、JavaScript）分别放在不同的文件夹中，方便管理；3.对于大型项目，可以按照模块对文件进行进一步的组织。
二、命名规范：1. 变量、函数名使用驼峰命名法，如helloWorld；2. 类名使用帕斯卡命名法，如HelloWorld；3.常量名使用全大写字母，如PI；4. 文件名使用小写字母，多个单词使用下划线连接，如index.html。
三、注释规范：1.对于重要的函数、类、模块等，应添加详细的注释说明；2.使用单行注释（//）或多行注释（/**/）来注释代码，注释应描述清楚代码的功能和作用；3.注释应写在代码的上方或右侧，避免在代码行尾添加注释。
四、HTML规范：2.缩进使用两个空格，不使用制表符；4. 使用双引号包裹属性值，如class="container"；5.避免使用行内样式，将样式写入CSS文件中。
五、CSS规范：1.代码缩进使用两个空格，不使用制表符；2. 使用中划线连接多个单词，如table-layout；3.选择器命名简洁明了，避免使用过长、复杂的名称；4.属性书写顺序应统一，比如先写布局相关的属性，再写样式相关的属性；5.使用CSS预处理器，如LESS、SASS等，提高开发效率。
六、JavaScript规范：1.使用ES6语法，提高代码的可读性和可维护性；2. 变量声明使用let或const，避免使用var；3.函数命名简洁明了，避免使用过长、复杂的名称；4.将多次使用的代码封装成函数，提高代码的复用性；5.避免使用全局变量和全局函数，减少命名冲突的可能性。
前端开发规范文档
《前端开发规范文档》
前端开发规范文档是在前端开发过程中非常重要的一部分，它对于整个团队的开发效率、代码质量和项目的可维护性都起着至关重要的作用。
一个好的前端开发规范文档可以帮助团队成员在开发过程中统一标准，规范流程，减少冗余代码，提高代码的可读性和可维护性。
首先，前端开发规范文档应该包括对于项目工程目录结构的规范，包括页面代码、公共组件、样式文件、脚本文件、静态资源等的组织方式，以及统一的命名规范和命名约定。
其次，文档应该明确规范前端代码的书写格式，包括HTML、CSS、JavaScript等文件格式的编码规范，同时也应该指定统
一的代码注释规范，以及对于代码缩进、空格、换行等方面的规范。
第三，前端规范文档还应该包括对于前端开发工具和框架的规范使用说明，比如对于代码检查工具、编译打包工具、性能优化工具、版本控制工具等的使用规范。
此外，对于前端项目的测试规范、部署规范、代码 review 规
范等也应该在文档中有所体现。
在跨团队协作的情况下，还应该包括团队内部和团队间的沟通和协作规范。
总的来说，一个好的前端开发规范文档，应该是能够帮助团队
成员规范前端代码书写、提高代码质量、减少维护成本，并且能够在不同的项目中复用的文档。
团队成员在遵循规范文档的同时，也应该能够在实践中不断完善文档，以适应项目的特定需求和团队的发展。
前端开发设计规范文档一、引言前端开发是为用户提供良好的用户体验和友好的界面而进行的开发工作。
为了保证开发的一致性和高效性，制定前端开发设计规范是至关重要的。
本文档旨在提供一套通用的前端开发设计规范，帮助团队成员在开发过程中更好地协同工作，并提供一致美观的用户体验。
二、命名规范1.文件和目录命名规范-使用小写字母和连字符"-"，不使用大写字母、空格或下划线。
-确保文件和目录名称清晰、简洁且有意义。
2.变量和函数命名规范-使用有意义的英文单词或短语命名变量和函数。
-使用小驼峰命名法，即第一个单词首字母小写，后续单词首字母大写。
-避免使用过于简单的变量名，如a、b、x、y等。
3.CSS类和ID命名规范-使用英文单词或短语命名CSS类和ID。
-使用连字符"-"分隔单词，避免使用下划线。
-避免使用过于简单的类名或ID，如a、b、c等。
三、HTML规范1.DOCTYPE声明规范- 使用 HTML5 的 DOCTYPE 声明，即 <!DOCTYPE html>。
3.属性使用规范-使用双引号""包裹属性值。
-避免使用行内样式，优先使用外部CSS文件。
四、CSS规范1.选择器使用规范-使用类选择器和ID选择器，避免使用元素选择器。
-避免使用过于复杂的选择器，保持简洁性和性能。
2.样式书写规范-使用缩进和换行使样式代码更易读。
-按照属性的字母顺序排列样式规则。
- 使用简写属性，如 margin、padding、font等。
3.文件组织规范-将样式规则分别存放在不同的CSS文件中，便于维护和管理。
五、JavaScript 规范1.变量和常量声明规范- 使用 var、let 或 const 声明变量和常量，避免使用全局变量。
-尽量将变量声明和赋值放在同一行。
2.代码书写规范-使用缩进和换行使代码更易读。
-使用驼峰命名法命名变量、函数和对象属性。
-使用分号";"结束语句。
web前端规范Web前端规范是指在开发网页前端时要遵循的一系列约定和规范。
遵循规范可以提高代码的可读性、可维护性和可重用性，加快开发进度，减少错误发生的可能，提高团队合作效率。
以下是一些常见的Web前端规范：1. HTML规范：- 使用语义化标签，如header、footer、nav等- 避免使用inline样式，使用外部CSS文件- 避免使用行内事件的方式绑定事件，推荐使用addEventlListener2. CSS规范：- 使用唯一的class命名规范，如BEM（Block Element Modifier）- 使用层叠样式表（CSS）命名空间，避免全局样式的影响- 避免使用!important，除非必要情况下- 注释清晰明了，标明样式的用途和作用范围3. JavaScript规范：- 使用驼峰命名法来命名变量、函数和对象- 使用严格模式"use strict"- 避免使用全局变量- 注释清晰明了，标明函数的参数和返回值4. 文件和目录规范：- 使用有意义的文件名，避免使用中文和特殊字符- 使用文件和目录的层级结构进行组织- 分离HTML、CSS和JavaScript代码，避免混写5. 性能优化规范：- 减少HTTP请求的次数，合并和压缩文件- 使用CSS Sprite来减少图片的请求- 尽量避免在DOM加载完成之后再加载JavaScript文件6. 兼容性规范：- 使用现代浏览器支持的HTML5和CSS3特性- 使用兼容性的JavaScript写法，避免使用不支持的语法和API7. 版本控制规范：- 使用版本控制系统（如Git）管理代码- 使用合适的分支管理策略- 提交规范的commit注释除了以上提到的规范外，还有很多其他的规范，如代码缩进、代码注释、错误处理等。
具体的规范可以根据项目和团队的需求进行调整和补充。
总结起来，Web前端规范是一系列的约定和规范，帮助开发团队更好地组织和管理代码，提高代码质量和团队合作效率。
前端规范文档一、概述前端规范是指在前端开发过程中，对代码、命名、文件组织、性能优化等方面的规范化要求。
遵循前端规范可以提高团队协作效率，降低维护成本，保证项目的可维护性和可扩展性。
本文档将详细介绍前端规范的各个方面，希望能够对前端开发人员有所帮助。
二、命名规范1. 变量命名变量名应具有描述性，能够清晰表达其用途。
推荐使用驼峰命名法，避免使用拼音或无意义的缩写。
示例：```// goodlet studentName = 'Tom';// badlet xm = 'Tom';```2. 函数命名函数名应准确描述函数的功能，采用动词加名词的形式，同样避免使用拼音或无意义的缩写。
示例：```// goodfunction calculateTotal() {// function body}// badfunction total() {// function body}```3. 文件命名文件名应具有描述性，能够清晰表达文件的内容。
推荐使用小写字母，单词之间可以使用连字符“-”进行分隔。
示例：```// gooduser-profile.js// baduser.js```三、代码规范1. 缩进与空格统一使用两个空格作为缩进，避免使用Tab键。
操作符两侧留一个空格，增强代码的可读性。
示例：```// goodlet sum = a + b;// badlet sum=a+b;```2. 注释规范代码中应添加必要的注释，对于复杂逻辑的部分应进行详细解释。
注释内容应准确清晰，避免使用含糊不清的语句。
示例：```// good// 计算总价function calculateTotal() {// function body}// bad// 这段代码很重要function foo() {// function body}```3. 引号使用统一使用单引号`'`，避免使用双引号`"`，保持代码风格的一致性。
前端开发设计规范目录前端开发设计规范 (1)一、HTML使用规范 (1)1.1、页面文件命名规范 (1)1.2、页面head部分书写规范 (1)1.3、HTML元素开发规范 (2)1.3.1、HTML元素书写规范 (2)1.3.2、HTML元素命名规范 (3)二、WEB页面开发规范 (4)2.1、错误跳转页面的处理 (4)2.2、提示信息的处理 (4)2.3、页面的返回 (4)2.4、提交前数据的判断验证 (4)2.5、删除操作 (5)2.6、页面中java代码的使用 (5)2.7、网站页面布局规范 (5)2.7.1、前台页面尺寸 (5)2.7.2、标准网页广告图标规格（参考） (6)2.7.3、页面字体 (6)2.7.4、字体颜色 (7)三、javaScript开发规范 (7)3.1、javaScript文件命名规范： (7)3.2、javaScript开发规范 (7)3.2.1、javaScript书写规范 (7)3.2.2、javaScript命名规范 (8)四、css样式规范 (9)4.1、css样式文件命名规范 (9)4.1.1、通用样式文件命名规范： (9)4.1.2、业务类样式文件命名规范 (10)4.1.3、css样式文件命名须知 (10)4.2、css样式文件存放目录规范 (10)4.3、css样式定义规范 (11)4.3.1、css样式内容顶部注释规范 (11)4.3.2、css样式内容注释规范 (11)4.3.3、css样式定义规范 (12)4.3.4、css样式常用id的命名 (13)4.3.5、css样式常用class的命名 (14)4.4、css样式书写规范 (15)4.4.1、css样式排版规范 (15)4.4.2、css样式书写风格规范 (15)4.4.3、css样式属性定义顺序规范 (16)4.4.4、css样式其他规范 (16)4.4.5、css样式Hack的使用 (17)4.4.6、字体定义规范 (18)4.4.7、css样式检测 (18)4.4.8、注意事项 (18)4.5、css样式引用规范 (19)4.6、媒体内容命名规范 (19)五、项目文件存放规范 (19)六、前端开发规则 (20)一、HTML使用规范1.1、页面文件命名规范命名格式为：项目名缩写_所属功能_所属功能子项_... .jsp/html…，文件命名下划线不能超过三个，命名尽量使用简短的能明确表明文件用途的英文或者英文简写。
前端规范文档
前端规范文档是一个用来规范前端开发的指南。
它定义了前端开发团队在项目中应该遵循的规范和约定，包括代码风格、命名规范、代码组织结构、注释规范、版本控制、错误处理、性能优化等方面。
一个好的前端规范文档应该包含以下内容：
1. 代码风格：定义代码的缩进、空格、命名规范等，让团队成员在编写代码时保持一致的风格，提高代码的可读性和可维护性。
2. 文件和目录结构：描述项目文件的组织方式，包括模块划分、路由配置、资源文件的放置等，使团队合作更加高效。
3. 注释规范：规定代码注释的格式和内容，方便他人理解代码的用途和实现逻辑。
4. 版本控制：定义版本控制的工作流程和规范，包括分支管理、提交信息的格式等，使团队成员能够更好地协同合作。
5. 错误处理：规定错误处理的方式和技术，包括异常捕获和处理、错误日志记录等，提高系统的稳定性和可靠性。
6. 性能优化：提供性能优化的建议和技巧，包括减少HTTP请求、压缩文件、异步加载资源等，提高网页的加载速度和执行效率。
7. 组件库和工具使用：介绍团队推荐的前端组件库和工具，包括UI组件、工具库、构建工具等，提高开发效率和代码质量。
通过制定和遵守前端规范文档，可以减少团队成员之间的代码冲突和调试时间，并提高代码的可维护性和可扩展性。
同时，规范文档也有助于新成员的快速融入团队，并提高整个团队的开发水平。
WEB前端开发规范WEB前端开发规范一、命名规范1. HTML/CSS命名规范- 使用大写字母和小写字母的组合方式，不使用汉字、拼音或其他特殊字符。
- 使用有意义的命名，能够反映元素的用途或内容。
- 使用连字符"-"作为多个单词的分隔符。
- 避免使用复数形式命名。
2. JavaScript命名规范- 使用驼峰命名法，首字母小写。
- 类名首字母要大写。
- 命名要具有表达性，能明确表达出变量或函数的用途。
3. 图片命名规范- 使用有意义的命名，能够反映图片的内容或用途。
- 使用连字符"-"作为多个单词的分隔符。
- 图片命名中不要包含特殊字符或中文。
二、代码规范1. HTML规范- 使用语义化的标签，遵循W3C标准。
- 元素属性值使用双引号包裹。
- 缩进使用两个空格，不使用TAB键。
2. CSS规范- 尽量避免使用!important。
- 属性和值之间用一个空格隔开。
- 选择器和属性名使用全小写。
- 使用缩进和换行使代码具有良好的可读性。
3. JavaScript规范- 使用ESLint进行代码检查，并遵循检查结果进行修改。
- 使用分号结束语句。
- 使用const和let替代var。
- 使用模块化开发，避免全局变量的滥用。
4. 文件目录规范- 对于大型项目，建议按照模块和功能进行文件分层。
- 文件和文件夹命名要有意义，能够清晰表达文件的用途。
5. 注释规范- 对于重要的代码块、函数和类，添加必要的注释，解释其作用和用法。
- 注释要简洁明了，不要使用口语化的表达方式。
- 避免不必要或重复的注释。
三、性能优化1. CSS性能优化- 避免使用过多的样式表和多层嵌套。
合并和压缩CSS文件。
- 使用CSS Sprites合并图片。
- 避免使用纯色背景图片，使用CSS实现。
2. JavaScript性能优化- 代码压缩和合并，减少HTTP请求。
- 合理使用缓存，避免重复请求相同的数据。
WEB前端开发规范1. 基本原则* 遵循内容（HTML）、显示（CSS）、行为（JavaScript）分离的代码组织模式* 代码格式化，保持干净整洁2. HTML部分2.1. 添加必须的utf-8的字符集，并且使用HTML5的简洁方式：<meta charset="utf-8" />2.2. 遵循xhtml 1.0规则：1) 所有标签必须结束2) 所有标签必须小写3) 标签属性必须使用成对引号（单引号或双引号）4) 标签属性必须有值：<select><option selected="selected"></option></select><input type="checkbox" checked="checked" />5) 所有特殊符号必须转义（&、<、>、?、?…）2.3. 标签属性命名规范id：连接符命名法“hello-world”class: 连接符命名法“hello-world”name：骆驼式命名法“helloWorld”1) 表单元素的id必须加以下前缀label： lbltext： txtpassword： txttextarea： txtfile： txtradio： radcheckbox： chksubmit： btnreset： btnbutton： btnhidden： hid2) 用于结构布局的元素id命名主容器： main页头： header页脚： footer内容区域： contentLOGO： logo主导航： main-nav二级导航： sub-nav3) name命名一般用于表单元素，根据当前元素id属性值命名，去掉id属性值的前缀和所有连接符，使用骆骆式命名法命名，例如id=”txt-id-card”，那么name=”idCard”。
WEB前端开发规范方案文档一、引言为了保证团队协作开发的一致性和高效性，提高代码的可读性和可维护性，制定了本前端开发规范方案文档。
本文档旨在规范前端开发过程中的编码风格、命名规范、文件和目录结构、代码注释、代码组织等方面，以确保团队成员在开发过程中能够遵守一致的规范和标准。
二、编码风格1.缩进：使用四个空格进行缩进，禁止使用制表符进行缩进。
2.换行：每行代码长度不超过80个字符。
如果一行代码超过80个字符，应该进行合理的分行，使用续行符号（\）连接。
3.命名：变量、函数、方法和类应使用驼峰命名法，且具有描述性，易于理解。
四、文件和目录结构1.目录结构：项目应根据不同模块和功能进行合理的目录结构划分，保持结构层次清晰且易于维护。
2.文件命名：文件名应具有描述性，易于理解，并使用小写字母和短横线进行单词分隔。
五、代码注释1.单行注释：在注释前应添加双斜杠（//），注释与代码之间保留一个空格。
注释应具有描述性，解释代码的功能和目的。
2.多行注释：在注释的前后使用斜杠星号（/*）进行包围，注释与代码之间保留一个空格。
注释应具有描述性，解释代码的功能和目的。
六、代码组织2.函数和方法：函数和方法应具有单一的功能，不应超过100行代码。
七、版本控制1. 使用git进行代码版本控制，每个开发人员在本地创建新分支进行开发，分支命名应明确描述开发内容。
2.开发完成后，将分支合并到主分支，进行代码审查。
八、测试1.所有的代码修改和新代码都需要进行测试，确保功能正常、稳定可靠。
2.使用自动化测试工具进行测试，在代码提交前进行自动化测试，减少出错概率。
九、代码重构1.定期进行代码重构，删除无用代码、优化性能和可读性较差的代码，并做好相应的注释和文档记录。
十、总结以上是本前端开发规范方案文档的内容，通过遵守本规范，可以提高团队协作开发的效率和代码质量。
同时，规范的编码风格、命名规范、文件和目录结构、代码注释、代码组织等方面也更便于后续的代码维护和项目迭代。
Web前端开发规范文档编写陈济晗审核批准时间 2014 年 3 月一、规范目的为提高团队协作效率，便于研发人员添加功能及前端后期优化维护，输出高质量的符合W3C标准的页面，特制订此文档。
本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发。
本文档如有不对或者不合适的地方请及时提出，经讨论决定后可更改。
二、基本准则符合web标准，语义化html，结构表现行为分离，兼容性优良。
页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度。
三、合作建议1．在需要修改配置文件的样式修改中，研发人员要积极配合相关前端开发进行修改，页面demo分版本建立文件夹上传至vs中，便于研发人员的获取，不建议使用点对点的文件传输方式。
2．不建议研发人员修改或增加样式，禁止把样式写在页面head中（只有某一个页面用到的样式例外），能用class完成的样式就一定不写在行内。
3．如果研发人员必须要修改、增加样式，必须把样式写在现有css文件中（common.css除外）专为研发人员注释的区块中，并添加备注，标明修改人姓名、新增时间和解决的问题，并及时告知前端人员，将由前端人员定期整理。
如在base.css的文件末尾增加所需代码：/*@ChenChen 20140513新增所需的弹出层部分的样式*/.popdiv {...............}四、文件规范1．文件存放位置html css js images文件均归档至约定的目录中，参考如下：demoimages 存放图片文件media 存放多媒体文件，如swf、avi、ram等psd 存放交互设计文件scripts 存放脚本文件，如js、asp、php等style 存放CSS文件2．文件命名命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。
a.html文件命名原则按照与交互设计稿相对应的方式为页面命名，即页面与其对应的设计稿使用同一名称。
b.css文件命名原则公用组件的样式文件是common.css，因此新建的文件名不能使用common。
命名尽量使用小写英文单词，推荐命名见附录1（css文件命名）。
c.图片命名原则图片的名称分为头尾两部分，用下划线“_”隔开，头部分表示此图片的大类性质例如：广告、标志、菜单、按钮等等。
图片格式仅限于gif、png、jpg。
放置在页面顶部的广告、装饰图案等长方形的图片banner如：banner_cnki.gif标志性的图片logo 在页面上位置不固定并且带有链接的小图片btn 图片精灵（组合图片）sprite在页面上某一个位置连续出现，性质相同的链接栏目的图片menu如：menu_aboutus.gif装饰用的照片pic 不带链接表示标题的图片tit鼠标感应效果图片（不能使用sprite的情况）图片名_on、图片名_off 如：btn_ok_on.gifd.javascript的命名原则以功能模块名字为.js文件命名，采用小写英文。
一般使用短线“-”替代自然语言名称中的空格，用句点“.”分隔表示名称中的从属关系。
如：“poptools-core.js”、“pop.fx.pack.js”。
五、html编写规范1．文档类型声明DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。
我们采用最简单的html5的文档标准。
完整代码如下：<!DOCTYPE html>2．定义语言编码为了被浏览器正确解释和通过W3C代码校验，所有的html文档都必须声明它们所使用的编码语言，我们一般使用utf-8（若制作多国语言页面也有可能用Unicode、ISO-8859-1等）。
代码如下：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />3．css引入方式尽量采取link一般在html的页头中用link方式引入css文件。
原则上，不允许在页头直接写style。
避免使用行内样式。
禁止在CSS中使用@import。
4．所有标签的元素和属性的名字都必须使用小写为了保证书写规范和提高可读性，要求所有的标签和属性的名字都必须使用小写。
例如：<BODY>必须写成<body>，“onMouseOver”也必须写成成“onmouseover”。
5．所有的属性必须用引号括起来所有属性必须被加引号。
例如：<height=80> 必须写成<height="80">。
6．所有的标记必须正确闭合所有标签必须关闭。
如果是单独不成对的标签，在标签最后加一个" /"（即“空格+/”）来关闭，如<br/>。
7．把所有<和&特殊符号用编码表示任何小于号（<），不是标签的一部分，都必须写成<；任何大于号（>），不是标签的一部分，都必须写成>；任何与号（&），不是实体的一部分的，都必须写成&。
其他常用的特殊符号参见附录3。
8．img的alt属性和a的title属性所有作为内容的img图片都要加上有意义的alt属性，例如：<img src="logo.gif" width="100" height="100" align="middle" boder="0"alt=”中国知网” />建议为文字链接a加上title属性，尤其是文字过长采用省略号处理方式的地方，例如：<a href="javascript:void(0);" target="_blank" title="新闻新闻新闻新闻">新闻新闻…</a>9．给所有属性赋值所有属性都必须有一个值，没有值的就重复本身。
例如：<td nowrap> <input type="checkbox" name="shirt" value="medium"checked>必须写成<td nowrap="nowrap"> <input type="checkbox" name="shirt"value="medium" checked="checked" />在浏览器里，当我们点击空链接时，它会自动将当前页面重置到首端，从而影响用户正常的阅读内容，我们用代码“javascript:void(0);”代替原来的“#”标记。
10．链接地址必须避免重定向例如：href="/"，即须在URL地址后面加上“/”。
11．正确合理使用html元素合理地使用所有的html元素，保持结构语义性。
◆强调和重点强调可以分别用<em>、<strong>元素来表示，而不用建议使用<i>或<b>；◆文本段落使用<p> 来表示，在一段完整的文字中请尽量不要使用<br />来人工干预分段；◆对于一列相关的元素，可以使用，<ul> （无序列表，当列表项目的顺序不是很重要时），<ol>（有序列表，当列表项目的顺序非常重要时）。
◆<dl> （定义列表）适用于项目/定义。
12．避免过渡使用div和span少量、适当的使用div和span元素可以使文档的结构更加清晰合理并且易于使用样式。
13．class/id的命名原则尽量以常见英文单词为准，做到通俗易懂。
id用于标识模块或页面的某一个父容器区域，名称必须唯一，不要随意新建id，并且避免class与id重名。
id命名方式采用驼峰写法，建议使用多个单词的组合方式，“元素类型”+“功能”的顺序，后一个单词的首字母应大写。
例如“搜索框”命名为“iptSearch”、“搜索按钮”命名为“btnSearch”。
二级class采用“-”组合书写的模式，命名全都使用小写字母，如按钮组合命名为“btn-group”。
14．尽量以css背景形式呈现图片静态页面中，尽量避免出现img标签，除非特殊情况，能用背景实现的必须用背景实现，这样可以有效减少http请求次数。
内容图片，如相册图片、新闻图片等可以采用img方式，而那些不是作为页面要表达的内容的一部分，而仅仅用于修饰、间隔、提醒的辅助图片,都尽量采用css方式显示，如logo、标题图片、列表前缀图片等。
15．要采用CSS布局，尽量避免table布局◆用css布局的一个好处是可以批量对页面进行修改，它能将文档结构和表现层分离开来，减轻工作量和服务器的负荷，增加站点的扩展能力和应用。
◆可以使用表格。
只是表格仅仅用于其本意：展示数据列表。
而不允许使用表格排版和定位。
16．缩进、换行约定网页代码的缩进使用一个Tab。
因为网页嵌套标签可能比较多，使用多个空格缩进会导致最深层的代码缩进太多，因而使用Tab键进行缩进。
如果一行中代码太长，以不破坏单词结构为原则主动换行。
例如：<table width="50%" cellspacing="0" cellpadding="0"border="0" class="table"><tr><td><input name="" type="checkbox" value="" />1</td><td>二维码</td></tr></table>17．空格书写的约定不要在网页中连续出现多于一个的空格，也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用css的text-indent、padding、margin、hspace、vspace或透明的gif 图片来实现。
六、css书写规范1．编码方式统一css 文件编码统一使用 UTF-8 编码。
