您好，我们为您提供软件开发、品牌形象策划、网站建设等服务，如您有需求请咨询：13526529836
A Better Tomorrow
刚开始做web前端的朋友们，有为web前端命名烦恼的事吗？我刚开始学web前端的时候命名几乎是乱写的，很多时候都是百度这个词语的英文去命名，很明显了我英文不好，有时候很不规范的哦！今天给大家整理一下web前端命名规范，让您的页面写出来干净漂亮又符合web前端规范。
首先给大家整理一下html的书写规范：
1.推荐使用HTML5的文档，例如：<!DOCTYPE HTML>
2. 必须申明文档的编码charset，且与文件本身编码保持一致，推荐使用UTF-8编码。例如：<meta charset="utf-8">
3.大家也都知道title也是页面不可缺少的一部分，不要忘记哦！title 可控制在25个字到50个字节以内
4.keywords是关键词的意思，这个是针对SEO优化的，千万不要忘记哦！切记关键词堆砌，禁止写联系方式，百度可是推出细雨算法的，针对这一块会做出惩罚。
5、description网站描述，字数尽量空制在80个汉字，160个字符以内。建议采用响应式栅格化处理，兼容多个平台设备。
6.注释也很重要，一开始我写页面的时候总怕少</div>或者多</div>,然后每个</div>结束标签都写上标签，新手可以这样写，慢慢熟练以后是可以去掉，但是必要的时候还是要写的.
7.图片的img的属性，添加alt，增加可访问性。
8、标签一定要正确嵌套，标签一定要闭合。
9、用div等标签布局；表格型数据，table首选。
10、模块之间必须保持独立，区块化布局，方便随意增删改，多人协作维护。
接下来给大家说一下css样式：
1.统一使用UTF-8编码，用@charset “utf-8”置顶页面编码。
2.属性写在一行内，属性之间，属性命和值之间以及属性与{}之间减少空格，例如：
.class{width:200px;height:100px}
3.属性的书写顺序: 按照元素模型由外及内，由整体到细节书写，大致分为五组:
位置：position,left,right,float
盒模型属性：display,margin,padding,width,height
边框与背景：border,background
段落与文本:line-height,text-indent,font,color,text-decoration,...
其他属性：overflow,cursor,visibility,...
今天就给大家整理到这里，敬请期待下期！
