码迷,mamicode.com
首页 > 其他好文 > 详细

前端页面代码规范总结

时间:2017-12-01 23:30:54      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:html标签   checkbox   src   静态   代码   元素   alt   插件   颜色   

 

不允许省略title keywords  description标签? mate标签?
做网站前, 问好客户keywords description,这些标签(整套网站一般就一个) 
利于客户询问  后台搭建  静态页面完整性    利于seo优化

html标签上设置正确的lang??
 eg:lang-CN; lang-EN
 
 
----------------------------------------------------------------------------------------------------------
 
兼容模式 代码必须写,不仅ie,更有其他、 if...全部都写上
尽量不用id,插件除外
属性给定顺序:class---data ---src--for/type/href--title/alt
不允许在页面上写style标签 sctipt标签等页面内样式和js
 
name属性不允许使用,除了checkbox radio,input也尽量不要用
form标签 table标签不允许使用,除了插件
 
 
插件必须放置在一个文件夹里,必须有demo演示文件拥有自己的代码库
有利于别的前端分析代码看 利于自己再次使用;
媒体查询必须在改样式附近
 
多媒体元素添加替代属性 如图像增加alt
保证favicon可以访问到
颜色必须使用十六进制
不允许为0制定单位:eg: height:0 是对的 0px不允许;
不允许引入网络样式
 
 
===============================
 
aa:
每个页面有专属类名,eg(class="work-page")(便于区分和写样式)
多个页面的公共部分,起类名要特殊化,避免重复

前端页面代码规范总结

标签:html标签   checkbox   src   静态   代码   元素   alt   插件   颜色   

原文地址:http://www.cnblogs.com/Julia-Yuan/p/7944555.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!