前端页面代码规范总结
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端页面代码规范总结相关的知识，希望对你有一定的参考价值。
不允许省略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")（便于区分和写样式）
多个页面的公共部分，起类名要特殊化，避免重复
以上是关于前端页面代码规范总结的主要内容，如果未能解决你的问题，请参考以下文章