web前端人员应注意的几点细节

在前端这方面可能很多非专业的前端人员，都不会注意写代码时的一些细节，甚至连一些从事这个行业的人也是一样。下面小编就说说常犯的细节在哪里：

一、缺少网站必备的三要素

可能很多人做网站，都是直接用DW或者其它工具生成的网页，网站只有一个title。而缺少keywords(关键词)、description（描述）。为什么一个网页要加这三要素呢？可能很多人都不是很明白。因为我们所做出来的网站是为了做SEO优化的，为了提升网站在百度和其它搜索引擎的排名。如果没这三要素，请问你的网站怎么去做排名，又怎么去盈利呢？

二、代码方面

1、给代码加注释

身为一个专业的web前端人员，我认为首先第一点：得为html代码加注释，为什么说要给html代码加注释呢？是为了给后台程序人员写动态网页节省工作量，如果说你整个网页都没加注释，别人又怎么知道你这段代码表示的是什么？别人还要重新去了解你这段代码的意思是什么，是不是无意间给别人增加了工作量。

2、代码命名

在代码命名上，我们最好采用见名知意的英语单词，或者拼音简写来命名。让别人第一眼看你带就觉得你是一个专业的人士，而并非业余人员。比如：头部：header 尾部：footer 内容：content 关于我们：about....

3、代码美化上

在代码美化上，我觉得做到最好让别人一眼就可以看出来你这块是表明的是什么。

4、图片优化上

很多人可能对插入一张图片，就只有一个src(引用地址)。而缺少其它三大属性。一个标签，包含四大要素，分别为：src(引用地址)、width(宽度)、height（高度）、alt(描述)，alt描述也是最为重要的一点。因为搜索引擎不识别图片，只有靠alt属性来告诉搜索引擎这张图片代表什么含义。同时也符合SEO优化。

5、写作规范上

1>、编写代码的时候，需要合理的缩进(不要出现空格与Tab格混用)与注释，HTML标签嵌套合理，CSS样式按照顺序书写：显示属性——>自身属性——文本>——其他>——>CSS3属性放最后。

2>、HTML与CSS引号需要保持一致，禁止出现单引号与双引号混用。

3>、使用position的时候，按照CSS编码规范设置z-index的范围。

4>、类名采用单词(语义)命名，多个单词采用中划线连接。

还有很多需要注意的事项，小编就不一一列举了。所以，要成为一个优秀的前端开发工程师的，技能和实践，缺一不可。