Html5+css3 Web前端开发要求规范.docx

《Html5+css3 Web前端开发要求规范.docx》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Web前端开发规文件规为输出高质量的Web页面，提高团队协作效率，便于后台人员添加功能及前端后期优化与维护，如有错误及时提出更改。1、html，css，js，images,fonts等文件目录组织如下如示：├──xxx.html├──css/│├──index.css│├──header.css│├──footer.css│└──2016/││├──content.css││└──nav.css├──js/│├──xxx.js│├──xxx_min-tab.js│└──2016/└──images/

2、│├──index_head.jpg│├──index_logo.gif│└──2016││├──xxx.jpg││└──xxx.png└──fonts/└──xxx.ttf文件命名原则调整为所有字母小写，单词之间使用破折号（-）相连，压缩后的文件在原文件名（除扩展名）后添加.min。参考bootstrap文件命名：bootstrap-theme.css,bootstrap-theme.min.css。常用目录名：data(数据库)images(图片)install(安装)templets(模版)i

3、nclude(包含)admin(后台)rss(定阅)media(媒体)config(配置)Script(脚本)Language(语言)style(样式);引入CSS和JavaScript文件class用于标识高度可复用组件，因此应该排在首位。id用于标识具体组件，应当

4、谨慎使用（例如，页面的书签），因此排在第二位。Examplelink编写HTML代码时，尽量避免多余的父元素。很多时候，这需要迭代和重构来实现。参考如下：

5、c="...">其他要求lcss文件外链至之间，js文件置于之前。l语义化HTML，如标题根据重要性用h*(同一页面只能有一个h1)，段落标记用p，列表用ul，联元素中避免嵌套块级元素。l书写地址时，建议在URL地址后面加上"/"，例如：href="proin.cc/"。l在页面中不能使用style属性，即style="…"；所有样式必须写在css文件中。l必须为含有描述性表单元素(input，textarea)添加label，如：

:

6、="text"id="name"name="name"/>

：

7、使用 代替空格。l图片标签必须要有alt属性，如只起修饰作用而没有任何意义的图片可设置alt属性值为空。如：。CSS规1. css文件命名: 英文命名, 后缀.css. 共用首页单独定义.css部分， 其他页面依实际模块需求命名.;2. Js文件命名: 英文命名, 后缀.js. 共用.js, 其他依实际模块需求命名.3. 文档类型声明及编码: 统一为html5声明类型; 编码统一为

8、8" />, 书写时实现层次分明的缩进;4. 非特殊情况下样式文件必须外链至...之间;非特殊情况下JavaScript文件必须外链至页面底部;5. 引入JS库文件, 文件名须包含库名称及版本号及是否为压缩版, 比如jquery-1.4.1.min.js; 引入插件, 文件名格式为库名称+插件名称, 比 如jQuery.cookie.js;6. 语义化html, 如 标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul