下载文档原格式
一、概述phpcms是一款常用的开源内容管理系统，它具有灵活的扩展性和丰富的功能，广泛应用于各种全球信息站的建设和维护中。
在phpcms 中，生成静态html页面是常见的操作，而html页面的文件名规则对全球信息站的SEO和用户体验都有重要的影响。
合理的html文件名规则是phpcms全球信息站建设中不可忽视的关键因素之一。
二、html文件名的作用1. 提高全球信息站的SEO效果2. 方便用户记忆和访问3. 优化全球信息站的性能和速度三、phpcms生成html文件名的规则1. 根据页面的属性和内容2. 根据全球信息站的目录结构和后台配置3. 在命名上遵循一定的规范和约定四、常见的html文件名命名规范1. 使用页面的关键词2. 采用短小精悍的方式3. 避免使用特殊字符和符号4. 采用有意义的英文单词或短语5. 保持统一性和规范性五、通过phpcms设置html文件名规则1. 登入phpcms后台管理系统2. 进入“系统设置”-“URL规则”菜单3. 在“生成HTML文件名规则”中进行相应的设置4. 保存设置并更新缓存六、html文件名规则的修改和调整1. 全球信息站运营过程中可能需要调整html文件名规则2. 涉及到文件命名规则的修改需要谨慎操作3. 修改后需要及时更新全球信息站地图和索引文件七、总结html文件名的规则对于phpcms全球信息站的建设和优化至关重要，合理的文件名规则可以提高全球信息站的SEO效果，增强用户体验，优化全球信息站性能和速度。
在实际操作中，需要根据全球信息站的特点和运营需求来设计和调整html文件名规则，以达到更好的效果和效益。
phpcms生成html文件的名字规则是非常重要的，可以直接影响全球信息站的SEO效果以及用户体验。
在建设和维护phpcms全球信息站时，需要对html文件的名字规则进行合理的设置和调整，以确保全球信息站能够更好地为用户提供优质的内容和服务。
网页制作的目录文件及CSS命名规范第一部分：目录、文件、CSS命名方式：文件夹与文件名称、CSS样式命名、程序中的一些控件等等：名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录名应以英文、拼音为主（不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂）。
尽量用一些大家都能看懂的词汇。
使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。
而且当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。
例如：images(图形文件)，flash（Flash文件）等。
命名方式：（性质_描素_位置_分类_数量）项相结合，采用简写、组合的方式形成通用规则。
例如：news (性质)news_title (性质_描素)news_title_top (性质_描素_位置)news_title_top_01 (性质_描素_位置_数量)news_title_top_a_01 (性质_描素_位置_分类_数量)news_title_top_b_01 (性质_描素_位置_分类_数量)常用目录名：data(数据库) images(图片) install (安装) templets (模版) include (包含) admin (后台) rss (定阅) media (媒体) config (配置) Script (脚本) Language (语言) style (样式)等……常用CSS名：页面外围控制整体布局宽度：wrapper；头：header；内容：content/container；页面主体：main；侧栏：sidebar；尾：footer等……,更多命名查看: 《div+css 命名规则》第二部分：结构（XHTML）网站的前端结构与表现分离，达到95%以上。
正式上线后的网页代码结构要清晰、明朗，容易阅读，布局与结构的镶套尽量控制在4-5层以内，严格遵循w3c的xhtml1.0 Transtitonal。
HTML命名规范！HTML基础设施（1）⽂件应以<!DOCTYPE.....>⾸⾏顶格开始，这句话告诉浏览器这是⼀个什么⽂件，我们推荐使⽤<!DOCTYPE html>。
（2）必须在head元素内部的meta标签内声明⽂档的字符编码charset, 如：<meta charset="UTF-8">，这句代码告诉浏览器应该此HTML⽂件使⽤的字符集是什么，如果不加此⾏代码，那么在浏览器中可能显⽰为乱码。
（3）页⾯的title是极为重要的不可缺少的⼀项。
2.HTML代码结构和视觉顺序基本保持⼀致（1）.按照从上之下，从左到右的视觉顺序书写HTML结构。
（2）.有时候为了便于搜索引擎抓取，我们也会将重要内容在HTML结构顺序上提前，以为搜索引擎抓取⽹页内容是⾃上⽽下的，所以将重要内容在HTML结构顺序上提前可便于抓取重要的内容。
（3）.不要使⽤table布局，现在基本上被淘汰了，⽽应该代之以div来布局，⽅便控制。
3.结构、表现、⾏为三者分类，避免内联。
（1）.使⽤link引⼊外部css⽂件到head中。
注意：⼀般我们不适⽤@import来引⼊外部css⽂件。
（2）.使⽤script将js⽂件引⼊，并置于body底部，这时js⽂件会最后加载，html会最先加载，⽤户体验会更好。
4.保持良好的树形结构每⼀个块级元素都另起⼀⾏，每⼀⾏都使⽤Tab缩进对齐（head和body的⼦元素不需要缩进）。
删除冗余的⾏尾的空格。
使⽤4个空格代替1个Tab（⼤多数编辑器中可设置）。
对于内容较为简单的表格，建议将tr写成单⾏。
你也可以在⼤的模块之间⽤空⾏隔开，使模块更清晰。
!DOCTYPE html><html><head><meta charset="UTF-8"><title>404</title><meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/><meta http-equiv="X-UA-Compatible" content="ie=edge"><style></style></head><body><div class="box"><div class="box__img"><p>******</p></div><div class="box__desc"><p>******</p><ul><li>******</li></ul></div></div></body></html> 5.其他需要注意的问题（1）.⼀个标签上引⽤的className不要过多，越少越好。
前端命名规范前端命名规范是一种约定俗成的规则，旨在保证代码的可读性和维护性，使团队成员能够更加高效地协作开发。
下面是一些常见的前端命名规范：1. 文件和文件夹命名规范- 文件名应该使用小写字母，多个单词之间使用连字符“-”分隔，例如：index.html, main.css。
- 文件夹名也应该使用小写字母，多个单词之间使用连字符“-”分隔，例如：images, scripts。
2. HTML/CSS命名规范- HTML和CSS中的类名和ID名应该使用小写字母，多个单词之间使用连字符“-”分隔，例如：header-wrapper, main-content。
- 避免使用无意义的命名，应该根据元素的作用和意义来命名。
3. JavaScript命名规范- 变量和函数名应该使用驼峰式命名法，即第一个单词的首字母小写，后面的单词的首字母大写，例如：firstName, getUserInfo。
- 常量名应该使用全大写字母，多个单词之间使用下划线“_”分隔，例如：MAX_NUM, API_URL。
- 类名应该使用帕斯卡命名法，即所有单词的首字母都大写，例如：Person, UserService。
4. 图片命名规范- 图片命名应该使用有意义的名词或描述性的名词短语，多个单词之间使用连字符“-”分隔，例如：logo.png, slide-image.jpg。
5. URL命名规范- URL路径应该使用小写字母，多个单词之间使用连字符“-”分隔，例如：/news-list, /contact-us。
6. Git分支和提交规范- Git分支名应该使用有意义的名词或描述性的名词短语，多个单词之间使用连字符“-”分隔，例如：feature/login,hotfix/bug-fix。
- Git提交消息应该简明扼要地描述所做的更改，可以包括关键词和操作，例如：Add login form validation, Fix broken link。
一、命名规则说明：- TOP
1）、所有的命名最好都小写
2）、属性的值一定要用双引号("")括起来，且一定要有值如
class="divcss5",id="divcss5"
3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整
4）、空元素要有结束的tag或于开始的tag后加上"/"
5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等
6）、<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。
7）、给每一个表格和表单加上一个唯一的、结构标记id
8）、给图片加上alt标签
9）、尽量使用英文命名原则
10）、尽量不缩写，除非一看就明白的单词
DIVCSS5给大家介绍常见CSS命名和DIV CSS命名方法。
二、相对网页外层重要部分CSS样式命名：- TOP
外套wrap ------------------用于最外层
头部header ----------------用于头部
主要内容main ------------用于主体内容（中部）
左侧main-left -------------左侧布局
右侧main-right -----------右侧布局
导航条nav -----------------网页菜单导航条
内容content ---------------用于网页中部主体
底部footer -----------------用于底部
三、DIV+CSS命名参考表：- TOP。
WEB前端开发规范文档+CSS命名规范规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文须按本文档规范进行前台页面开发. 本文档如有不对或者不合档. 本规范文档一经确认, 前端开发人员必前端开发人员必适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有解析速度.保证最快的序, 尽可能的减小服务器负载, 保证最快的文件规范1. html, css, js, images文件均归档至<系统开发规范>约定的目录中;2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重功能时查找对应页面;以方便后端添加命名与html文件同名, 以方便后端添加3. css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.;4. Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名.html书写规范1. 文档类型声明及编码: 统一为html5声明类型<!DOCTYPE html>; 编码统一为<meta charset="gbk实现层 次分明的缩进;" />, 书写时利用IDE实现层2. 非特殊情况下样式文件必须外链至<head>...</head>之间;非特殊情况下JavaScript文件必须外链至页面底部;3. 引入样式文件或JavaScript文件时, 须略去默认类型声明, 写法如下:Example Source Code []<link rel="stylesheet" href="..." /><style>...</style><script src="..."></script>4. 引入JS库文件, 文件名须包含库名称及版本号及是否为压缩版, 比如jquery-1.4.1.min.js; 引入插件, 文件名格式为库名称+插件名称, 比 如jQuery.cookie.js;必须由小写字母及下划线数字组成, 且所有标属性命名5. 所有编码均遵循xhtml标准, 标签 & 属性 & 属性命名签必须闭合, 包括 br (<br />), hr(<hr />)等; 属性值必须用双引号包括;6. 充分利用无兼容性问题的html自身标签, 比如span, em, strong, optgroup, label,等等; 需要为htm首先 要考虑下有没有默认的已有的合适标签去设置, 如果没有, 可以使用须l元素添加自定义属性的时候, 首先以"data-"为前缀来添加自定义属性，避免使用"data:"等其他命名方式;7. 语义化html, 如 标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul, 内联元素中不可嵌套块级元素;户名是<8. 尽可能减少div嵌套, 如<div class="box"><div class="welcome">欢迎访问XXX, 您的用您的用欢迎 访div class="name">用户名</div></div></div>完全可以用以下代码替代: <div class="box"><p>欢迎问XXX, 您的用户名是<span>用户名</span></p></div>;9. 书写链接地址时, 必须避免重定向，例如：href="/", 即须在URL地址后面加上“/”；10. 在页面中尽量避免使用style属性,即style="…";11. 必须为含有描述性表单元素(input, textarea)添加label, 如Example Source Code []<p>姓 名: <input type="text" id="name" name="name" /></p>须写成:<p><label for="name">姓 名: </label><input type="text" id="name" /></p>12. 能以背景形式呈现的图片, 尽量写入css样式中;13. 重要图片必须加上alt属性; 给重要的元素和截断的元素加上title;14. 给区块代码及重要功能(比如循环)加上注释, 方便后台添加功能;15. 特殊符号使用: 尽可能使用代码替代: 比如 <(<) & >(>) & 空格( ) & »(») 等等;16. 书写页面过程中, 请考虑向后扩展性;17. class & id 参见 css书写规范.css 书写规范1. 编码统一为utf-8;2. 协作开发及分工: i 会根据各个模块, 同时根据页面相似程序, 事先写好大体框架文件, 分配给前端人员实现内部结构&表现&行为; 共用css 文件base.css 由i 书写, 协作开发过程中, 每个页面请务必都要引入, 此文件包含reset 及头部底部样式, 此文件不可随意修改;3. class 与id 的使用: id 是唯一的并是父级的, class 是可以重复的并是子级的, 所以id 仅使用在大的模块上, class 可用在重复使用率高及子级可用在重复使用率高及子级中; id 原则上都是由我分发框架文件时命名的, 为JavaScript 预留钩子的除外;4. 为JavaScript 预留钩子的命名, 请以 js_ 起始, 比如: js_hide, js_show;5. class 与id 命名: 大的框架命名比如header/footer/wrapper/left/right 之类的在2中由i 统一命名其他样式名称由其他样式名称由小写英文 & 数 字 & _ 来组合命名, 如i_comment, fontred, width200; 避免使用中文拼音, 尽量使用简易的单词组合; 总之, 命名要语义化, 简明简明化. 6. 规避class 与id 命名(此条重要, 若有不明白请及时与i 沟通):a, 通过从属写法规避, 示例见d;b, 取父级元素id/class 命名部分命名, 示例见d;c, 重复使用率高的命名, 请以自己代号加下划线起始, 比如i_clear;d, a,b 两条, 适用于在2中已建好框架的页面, 如,Example Source Code []要在2中已建好框架的页面代码<div id="mainnav"></div>中加入新的div 元 素,按a 命名法则: <div id="mainnav"><div class="firstnav">...</div></div>,样式写法: #mainnav .firstnav{.......}按b 命名法则: <div id="mainnav"><div class="main_firstnav">...</div></div>,样式写法: .main_firstnav{.......}7. css 属性书写顺序, 建议遵循: 布局定位属性-->自身属性-->文本属性-->其他属性. 此条可根据自身习惯书写, 但尽量保证同类属但尽量保证同类属 性写在一起.Example Source Code []属性列举:布局定位属性主要包括: display & list-style & position （相应（相应的 top,right,bottom,left ） ＆ float & clear ＆ visibility ＆ overflow ；自身属性主要包括: width & height & margin & padding & border & background;文本属性主要包括：color & font & text-decoration & text-align & vertical-align & white- space & 其他 & content;我所列出的这些属性只是最常用到的, 并不代表全部;8. 书写代码前, 考虑并提高样式重复使用率;9. 充分利用html 自身属性及样式继承原理减少代码量, 比如:Example Source Code []<ul class="list"><li>这儿是标题列表<span>2010-09- 15</span></ul>定义定义ul.list li{position:relative} ul.list li span{position:absolute; right:0}即可实现日期居右显示即可实现日期居右显示10. 样式表中中文字体名, 请务必转码成unicode 码, 以避免编码错误时乱码;11. 背景图片请尽可能使用sprite 技术, 减小http 请求, 考虑到多人协作开发, sprite 按模块制作; 12. 使用table 标签时(尽量避免使用table 标签), 请不要用width/ height/cellspacing/cellpadding 等t able 属性直接定义表现, 应尽可能的利用table 自身私有属性分离结构与表现 , 如Example Source Code []thead,tr,th,td,tbody,tfoot,colgroup,scope;(cellspaing 及cellpadding 的css 控制方法:table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;} ,base.css 文件中我会初始化表格样式)13. 杜绝使用<meta http-equiv="X-UA-Compatible" content="IE=7" /> 兼容 ie8;14. 用png 图片做图片时, 要求图片格式为png-8格式,若png-8实在影响图片质量或其中有半透明效果, 请为ie6单独定义背景:Example Source Code []_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, (sizingMethod=crop, src=’img/bg.png’);src=’img/bg.png’);15. 避免兼容性属性的使用, 比如text-shadow || css3的相关属性;16. 减少使用影响性能的属性, 比如position:absolute || float ;17. 必须为大区块样式添加注释, 小区块适量注释;18. 代码缩进与格式: 建议单行书写, 可根据自身习惯, 后期优化i 会统一处理;JavaScript 书写规范1. 文件编码统一为utf-8, 书写过程过, 每行代码结束必须有分号; 原则上所有功能均根据XXX 项目需求原生开发, 以避免网上down 下来的代码造下来的代码造成的代码污染(沉冗代码 || 与现有代码冲突 || ...); 2. 库引入: 原则上仅引入jQuery 库, 若需引入第三方库, 须与团队其他人员讨论决定;3. 变量命名: 驼峰式命名. 原生JavaScript 变量要求是纯英文字母, 首字母须小写, 如iTaoLun;Example Source Code []jQuery 变量要求首字符为'_', 其他与原生JavaScript 规则相同, 如: _iTaoLun;另, 要求变量集中声明, 避免全局变量.4. 类命名: 首字母大写, 驼峰式命名. 如 ITaoLun;5. 函数命名: 首字母小写驼峰式命名. 如iTaoLun();6. 命名语义化, 尽可能利用英文单词或其缩写;7. 尽量避免使用存在兼容性及消耗资源的方法或属性, 比如eval() & innerText;8. 后期优化中, JavaScript 非注释类中文字符须转换成unicode 编码使用, 以避免编码错误时乱码显示; 9. 代码结构明了, 加适量注释. 提高函数重用率;10. 注重与html 分离, 减小reflow, 注重性能.图片规范1. 所有页面元素类图片均放入img 文件夹, 测试用图片放于img/demoimg 文件夹;2. 图片格式仅限于gif || png || jpg;3. 命名全部用小写英文字母 || 数字 || _ 的组合，其中不得包含汉字 || 空格 || 特殊字符；尽量用易懂的词汇, 便于团队其他成员理 解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif;4. 在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间;5. 尽量避免使用半透明的png 图片(若使用, 请参考css 规范相关说明);6. 运用css sprite 技术集中小的背景图或图标, 减小页面http 请求, 但注意, 请务必在对应的sprite psd 源图中划参考线, 并保存至img 目录目录下.注释规范 1. html 注释: 注释格式 <!--这儿是注释-->, '--'只能在注释的始末位置,不可置入注释文字区域; 2. css 注释: 注释格式 /*这儿是注释*/;3. JavaScript 注释, 单行注释使用'//这儿是单行注释' ,多行注释使用 /* 这儿有多行注释 */;开发及测试工具约定建议使用Aptana || Dw || Vim , 亦可根据自己喜好选择, 但须遵循如下原则:1. 不可利用IDE 的视图模式'画'代码;2. 不可利用IDE 生成相关功能代码, 比如Dw 内置的一些功能js;3. 编码必须格式化, 比如缩进;测试工具: 前期开发仅测试FireFox & IE6 & IE7 & IE8 , 后期优化时加入Opera & Chrome & Safari; 建议测试顺序: FireFox-->IE7-->IE8-->IE6-->Opera-->Chrome-->Safari, 建议安装firebug 及IE Tab Plus 插件.其他规范1. 开发过程中严格按分工完成页面, 以提高css 复用率, 避免重复开发;2. 减小沉冗代码, 书写所有人都可以看的懂的代码. 简洁易懂是一种美德. 为用户着想, 为服务器着想.DIV+CSS 命名规范1.CSS ID 的命名外 套：套： wrap主导航：主导航： mainnav子导航：子导航： subnav页 脚：脚： footet整个页面：整个页面： content页 眉：眉： header页 脚：脚： footer商 标：标： label标 题：题： title主导航：主导航： mainbav （globalnav ）顶导航：顶导航： topnav边导航：边导航： sidebar左导航：左导航： leftsidebar右导航：右导航： rightsidebar旗 志：志： logo标 语：语： banner菜单内容1： menu1 content菜单容量：菜单容量： menu container子菜单：子菜单： submenu边导航图标：sidebarIcon注释：注释： note面包屑：面包屑： breadcrumb(即页面所处位置导航提示）即页面所处位置导航提示） 容器：容器： container内容：内容： content搜索：搜索： search登陆：登陆： Login功能区：功能区： shop(如购物车，收银台)当前的当前的 current2.另外在编辑样式表时可用的注释可这样写： <-- Footer -->内容区内容区<-- End Footer -->3.样式文件命名主要的主要的 master.css布局，版面布局，版面 layout.css专栏专栏 columns.css文字文字 font.css打印样式打印样式 print.css主题主题 themes.css。
网页文件命名规范
网页文件命名规范
一. 文件命名的原则：以最少的字母达到最容易理解的意义。
二. 索引文件统一使用index.html文件名(小写)
index.html文件统一作为"桥页"，不制作具体内容，仅仅作为跳转页和meta标签页。
主内容页为main.html
三. 按菜单名的英语翻译取单一单词为名称。
例如：
关于我们\aboutus
信息反馈\feedback
产品\product
所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；
所有文件名字母间连线都为下划线
四. 图片命名原则以图片英语字母为名。
大小原则写同上。
例如：网站标志的图片为logo.gif
鼠标感应效果图片命名规范为"图片名+_+on/off"。
例如：menu1_on.gif/menu1_off.gif
五. 其它文件命名规范
1.js的命名原则以功能的英语单词为名。
例如：广告条的js文件名为:ad.js
2.所有的CGI文件后缀为cgi
所有CGI程序的配置文件为config.cgi。
文件命名的5种规则文件命名是指对文件的命名方式和规则，它是文件管理的一个重要环节，可以提高文件的组织性和可读性。
以下是五种常见的文件命名规则：1.有意义的命名：2.使用字母、数字和下划线：文件名可以包含字母、数字和下划线，但不建议使用其他特殊字符。
文件名应尽量简洁明了，使用有意义的单词并采用驼峰命名法（例如，“SalesReport_2024_Q1.xlsx”）。
命名时应注意遵守操作系统对于文件名长度和字符的限制。
3.使用日期和版本号：在文件名中添加日期和版本号可以方便对文件进行分类和管理。
例如，“ProjectProposal_2024-10-01_v1.0.docx”表示该文件是一个名为“ProjectProposal”的项目提案，创建于2024年10月1日，版本号为1.0。
这样的命名方式可以帮助用户快速找到最新版本的文件。
4.避免过长的文件名：文件名应尽量简短，避免过长的命名，以提高文件的可读性和易用性。
超过一定长度的文件名可能会导致文件在一些操作系统或应用程序中无法打开或保存，同时也会增加用户记忆和输入的负担。
推荐的文件名长度范围为3到255个字符。
5.统一命名规范：在团队合作中，为了保持文件的一致性和规范性，可以制定并遵守统一的命名规范。
例如，规定所有报告文件以“报告”结尾，所有会议纪要文件以“会议纪要”开头等。
统一的命名规范可以减少混乱和错误，提高文件的组织性和可读性。
总结一下，文件命名的五种规则包括有意义的命名、使用字母、数字和下划线、使用日期和版本号、避免过长的文件名和统一命名规范。
这些规则可以帮助用户更好地管理和组织文件，提高文件的可读性和易用性。
良好的命名规范可以为团队合作开发推波助澜，无论在项目开发，还是产品维护上都起到了至关重要的作用。
应该说命名规范是一种约定，也是程序员之间良好沟通的桥梁。
另外古人相信只要知道一个人真正的名字就会获得凌驾于那个人之上的不可思议的力量。
只要给事物想到正确的名字，它就可以带来比代码更强的力量。
如果所有的命名都与其自然相适合，则关系清晰，含义可以推导得出，一般人的推想也能在意料之中。
CSS+DIV的命名规则：登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title友情链接:friendLink页脚:footer加入:joinus指南:guild服务:service热点:hot新闻:news下载:download注册:regsiter状态:status按钮:btn投票:vote合作伙伴:partner版权:copyRight1.CSSID的命名外套:wrap主导航:mainNav子导航:subnav页脚:footer整个页面:content页眉:header页脚:footer商标:label标题:title主导航:mainNav(globalNav)顶导航:topnav边导航:sidebar左导航:leftsideBar右导航:rightsideBar旗志:logo标语:banner菜单内容1:menu1Content菜单容量:menuContainer子菜单:submenu边导航图标:sidebarIcon注释:note面包屑:breadCrumb(即页面所处位置导航提示)容器:container内容:content搜索:search登陆:login功能区:shop(如购物车，收银台)当前的current2.样式文件命名主要的:master.css布局版面:layout.css专栏:columns.css文字:font.css打印样式:print.css主题:themes.css说明：均为class，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。
网页文件命名规则文件命名要以最简短的名称提现清晰地含义。
文件名尽量以英文单词为主。
单个单词文件名称全部小写。
如文件名为两个或两个以上单词组成，文件名称第二个单词起的第一个字母要大写例如：友情链接（单个）：link 公司简介（两个）：aboutUs所有命名如果利用数字编号来区分文件，第一个文件命名中的1必须忽略。
例如：aboutUs aboutUs2 aboutUs3命名单词组合顺序为划分文件项目或类型单词+功能性单词+用途类单词或编号例如：productAdd product为产品这个项目的名词后面加上Add为这个页面的功能为添加（增加）。
如有多个添加产品的页面就可以理由编号区分如：productAdd productAdd2 productAdd3文件夹命名：1. 网页文件按照板块，项目来进行文件夹划分例如前台产品类文件则归纳在product文件夹内。
如果每个项目页面不多可以同存放在一个目录下但是要确保以后增加量小管理维护方便，否则一律按照文件夹进行划分。
后台举例：如卖方后台的产品添加页面则为：buyerManage/productAdd2. 每个板块或项目的图像文件要跟在该目录内命名为：images3. swf文件建立在该目录下的images文件夹内的swf文件夹4. 所有css文件要统一放在根目录下的style文件内，命名规则详见css命名5. j s文件放在该网页目录下的js文件夹内网页命名：在html代码中的语义性标签我们可以直接借鉴使用，但不可以单独使用。
例如：注册表单页面我们不可以定义：form 正确的是regForm图像命名：图像命名与文件命名雷同，区别在于图像文件命名必须指定它用应用的版块名或功能名称。
例如页首banner不能直接命名banner 正确的命名为：headerBanner 公司简介的banner 就是aboutUsBanner标志要有区分如大标志：logoBg 小标志：logoSm。
推荐网站制作规范01 命名规范文件命名的原则：以最少的字母达到最容易理解的意义。
一般文件及目录命名规范：每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm文件名称统一用小写的英文字母、数字和下划线的组合尽量按单词的英语翻译为名称。
例如：feedback(信息反馈)，aboutus(关于我们)多个同类型文件使用英文字母加数字命名，字母和数字之间用_分隔。
例如：news_01.htm。
注意，数字位数与文件个数成正比，不够的用0补齐。
例如共有200条新闻，其中第18条命名为news_018.htm图片的命名规范：名称分为头尾两两部分，用下划线隔开。
头部分表示此图片的大类性质。
例如：放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner ；标志性的图片我们取名为：logo ；在页面上位置不固定并且带有链接的小图片我们取名为button ；在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu ；装饰用的照片我们取名：pic ；不带链接表示标题的图片我们取名：title 依照此原则类推。
尾部分用来表示图片的具体含义，用英文字母表示。
例如：banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.有onmouse效果的图片，两张分别在原有文件名后加"_on"和"_off"命名。
其它文件命名规范js的命名原则以功能的英语单词为名。
例如：广告条的js文件名为:ad.js所有的CGI文件后缀为cgi。
所有CGI程序的配置文件为config.cgi02 目录结构规范目录建立的原则：以最少的层次提供最清晰简便的访问结构。
网页开发规范在当今数字化时代，网页已经成为一种不可或缺的媒介，被广泛应用于各种领域。
然而，由于网页开发过程涉及众多技术，代码的质量和规范性对于网页的可用性和用户体验至关重要。
为了确保网页开发的质量和一致性，以下是一些网页开发规范的建议和指导。
1. 文件结构和命名规范一个良好的文件结构能够提高网页开发的效率和可维护性。
建议采用以下文件结构：- index.html：网页的首页文件- css/：存放所有的CSS文件- js/：存放所有的JavaScript文件- images/：存放所有的图片文件- fonts/：存放所有的字体文件- 其他相关文件夹和资源文件和文件夹的命名应该简洁明了，并且使用小写字母和短横线进行连接，例如：index.html、main.css、logo.png。
2. HTML规范HTML是网页的骨架，应该遵循以下规范：- 使用语义化标签：使用适当的HTML标签来描述网页的结构，例如<header>、<nav>、<main>和<footer>。
- 合理嵌套标签：确保标签的嵌套关系正确，避免出现不必要的嵌套和重复。
- 遵循W3C标准：始终检查HTML代码的语法错误，确保符合W3C的标准。
3. CSS规范CSS用于控制网页的样式和布局，应该遵循以下规范：- 使用外部样式表：将样式定义放在外部CSS文件中，提高代码的可维护性和重用性。
- 使用语义化类名：为HTML元素添加有意义的类名，方便理解和重用样式。
- 避免使用行内样式：尽量避免在HTML标签中直接添加样式，而是通过CSS来控制样式。
- 选择器规范：选择器名称使用小写字母和短横线进行连接，避免使用过于复杂的选择器。
4. JavaScript规范JavaScript用于实现网页的交互和动态效果，应该遵循以下规范：- 使用严格模式：在JavaScript代码中添加"use strict"，强制执行严格模式，减少错误和不规范的写法。
网页设计命名标准(美工)+网页图片命名+网页文件夹主要建立以下文件夹：1、Images 存放一些网站常用的图片；2、Css存放一些CSS文件；3、Flash 存放一些Flash文件；4、PSD 存放一些PSD源文件；5、Temp 存放所有临时图片和其它文件；6、copyright 版权信息（可选）8、readme 说明文件Css统一命名注：本CSS命名规则只适合物table制作模式下1、css文件统一放在css文件夹下；命名css.css2、主样式定义：body、table、td、tr、a3、链接样式定义：link_white（白色）；link_black (黑色)；link_blue (蓝色) 等等；说明:如有重复的后面加阿拉伯数字;如link_red01 有下划线的如:link_red_4、文字样式定义：font_red (红色)；font_red_14 (红色14号字)；font_red_14b (红色14号加粗)5、边框样式定义：border_red_tblr (红色四个边)；border_red_blr(红色底左右三边)；border_red_lr(红色左右两个边)；border_red_b (红色底一个边)等等；6、表单样式定义：text_100 (文本字段宽为100)；textarea_200_red (文本区域宽为200有红色边框)；select_100 (列表宽为100)；button_150 (按钮宽150)；说明：表单用宽度定义，在命名中最长写到："text_100_red"7、线的样式定义：line_X (横线)；line_Y (竖线)；line_X_red (红色横线)；line_X_red2 (两个像素的红色横线)；说明：在line中只定义虚线，实线在border中定义8、其它样式定义：在这里主要定义一些个性化的样式；文件命名head.asp 头文件foot.asp 底文件index.asp 首页文件sort.html 分类嵌套文件article_channel.asp 文章_频道页article_list.asp 文章_列表页article_detail.asp 文章_显示页注明：如果有多个文章频道,则用article01,article02,article03等等exhibit_channel.asp 展会信息_频道页exhibit_list.asp 展会信息_列表页exhibit_detail.asp 展会信息_显示页product_channel.asp 产品中心_频道页product_list.asp 产品中心_列表页prodect_detail.asp 产品中心_显示页corporation_channel.asp 会员_频道页corporation_list.asp 会员_列表页corporation_detail.asp 会员_显示页information_channel.asp 商机信息_频道页information_list.asp 商机信息_列表页information_detail.asp 商机信息_显示页job_channel.asp 招聘_频道页job_list.asp 招聘_列表页job_detail.asp 招聘_显示页hr_channel.asp 求职_频道页hr_list.asp 求职_列表页hr_detail.asp 求职_显示页job_hr_channel.asp 人才中心_频道页job_hr_lisr.asp 人才中心_列表页job_hr_detail.asp 人才中心_显示页copyright.asp 版权页图片命名1、导航命名：menu_****.gif 如：menu_bg .gif(导航的背景图)2、会员登录：login_****.gif 如：login_bg.gif (会员登陆的背景图)3、搜索命名：search_****.gif 如：search_bg.gif (搜索的背景图)4、小图标：ico_数字.gif 如：ico_001.gif5、线的命名：line_X_颜色.gif 如：line_X_red.gif(红色横向虚线)说明：line只命名虚线line_Y_red.gif(红色纵向虚线)6、广告命名：ad_数字.gif 如：ad_001.gif7、其它栏目的图片：以栏目名的第一个字母_****.gif如：xwzx_bg.gif (新闻中心背景) cpzx_l.gif (产品中心的左边图)8、产品与栏目热点图片：pic_数字.gif 如：pic_001.gif注：上，下，左，右可以缩写为T，B，L，R。
网页文件命名规范
一. 文件命名的原则：以最少的字母达到最容易理解的意义。
二. 索引文件统一使用index.html文件名(小写)
index.html文件统一作为"桥页"，不制作具体内容，仅仅作为跳转页和meta标签页。
主内容页为main.html
三. 按菜单名的英语翻译取单一单词为名称。
例如：
关于我们\aboutus
信息反馈\feedback
产品\product
所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；
所有文件名字母间连线都为下划线
四. 图片命名原则以图片英语字母为名。
大小原则写同上。
例如：网站标志的图片为logo.gif
鼠标感应效果图片命名规范为"图片名+_+on/off"。
例如：menu1_on.gif/menu1_off.gif
五. 其它文件命名规范
1.js的命名原则以功能的英语单词为名。
例如：广告条的js文件名为:ad.js
2.所有的CGI文件后缀为cgi
所有CGI程序的配置文件为config.cgi。
