在网站开发技术H5流行的时代，大家越来越关注网站前端，但还是有很多人不知道前端到底是做什么的，能够在网站建设中起到什么作用呢？在很多公司，职位划分是没有前端这个职位的，大型公司或者具有完善体系的公司才会设置这个职位，还有很多公司会把前端与设计合二为一，甚至有的公司把前端和后台建设合在一体，这都是不专业的表现。

　　郑州网站(zhan)建设小编认为(wei)，前(qian)端的(de)职(zhi)位已(yi)经(jing)不像以前(qian)那样(yang)，网站(zhan)存(cun)在(zai)着(zhe)简单的(de)模板样(yang)式(shi)，那时的(de)页(ye)面设计风格相对单一，对应的(de)页(ye)面需求比较简单，并且当时的(de)浏(liu)览器也基(ji)本(ben)是 低版(ban)本(ben)的(de)，javascript还只是网页(ye)的(de)代名(ming)词，HTML页(ye)面本(ben)身没有(you)引起太多人的(de)关注，似(si)乎只要能用 div，table和css 辅助，把(ba)图片定好(hao)位，把(ba)页(ye)面内容预留好(hao)就万事(shi)大(da)吉了。

　　随着(zhe)网站建设的(de)(de)(de)发展，不(bu)同人群对网站建设的(de)(de)(de)要求(qiu)不(bu)同，网站的(de)(de)(de)设计风格越来越个性化(hua)(hua)、专(zhuan)业(ye)化(hua)(hua)和(he)精良(liang)化(hua)(hua)。交互复(fu)杂性的(de)(de)(de)增加，AJAX的(de)(de)(de)应(ying)用，浏(liu)览(lan)器(qi)的(de)(de)(de)更新(xin)换代，又让大(da)家重新(xin)对基本的(de)(de)(de)页面重视起来。然后就是浏(liu)览(lan)器(qi)的(de)(de)(de)兼容性问题。在此背景下，网站前(qian)端(duan)制(zhi)作(zuo)越来越重要，那么，网站前(qian)端(duan)具体(ti)能够(gou)给网站带(dai)来哪些好处呢？

　　1，众所周知，HTML5时(shi)代的(de)来临伴随着移(yi)动(dong)互(hu)联网的(de)兴起创造了(le)更大的(de)机遇，有太多的(de)东西(xi)值得我(wo)们(men)去学习去发现。 HTML5提(ti)供了(le)丰(feng)富(fu)的(de)JSAPI接(jie)口，需(xu)要(yao)我(wo)们(men)去研究；CSS3的(de)绚丽(li)吸引了(le)足够多的(de)眼球(qiu)，需(xu)要(yao)我(wo)们(men)去研究；移(yi)动(dong)设(she)备(bei)上如何开发更加适配的(de)页面，同(tong)样需(xu)要(yao)我(wo)们(men)认真研究。

　　2，关于(yu)hack的相关问题，很多朋(peng)友(you)在页面开发(fa)时，搜索多的就(jiu)是hack，其(qi)实我(wo)(wo)们(men)并非完(wan)全要(yao)依赖(lai)hack来实现页面兼容性。郑州网站建设小编发(fa)现，大家(jia)经(jing)常抱怨IE6向(xiang)我(wo)(wo)们(men)撒(sa)了一个谎(huang)，结果我(wo)(wo)们(men)要(yao)再撒(sa)一百个谎(huang)来圆这(zhei)个谎(huang)。不(bu)否认IE6经(jing)常给我(wo)(wo)们(men)带(dai)来麻烦，但我(wo)(wo)们(men)不(bu)能因(yin)此(ci)失去信心。大部分情况下可以通过(guo)变(bian)换思(si)路(lu)调整HTML结构，或(huo)使用一些虽然无法解释(shi)但相对安(an)全的css来干掉hack。谁都无法预计使用hack什(shen)么时候会让(rang)我(wo)(wo)们(men)栽一个大跟头。比如触发(fa)layout或(huo)position:relative就(jiu)可以帮助(zhu)解决很多IE6的问题。

　　3，善(shan)用(yong)工具(ju)。实战经验(yan)和代码习(xi)惯的形成可(ke)以帮(bang)(bang)助我们(men)提高效率(lv)外，想要提高对自(zi)己开发的进(jin)度(du)掌控能力，还有(you)很多辅助工具(ju)可(ke)以帮(bang)(bang)助我们(men)进(jin)行页面开发。比如使用(yong) Less或Sass可(ke)以帮(bang)(bang)助我们(men)拓展(zhan)和组(zu)织 CSS，大大提高CSS的编写效率(lv)。

　　4，优(you)化网(wang)站结(jie)构布(bu)局。拿到设计图后一(yi)定要冷静(jing)思考，多(duo)观察。先(xian)分框架(jia)然后规划(hua)结(jie)构，编写代码。特别在大(da)型项目中(zhong)，合理(li)使用(yong)模块化的开(kai)发不论从整体进行还是拓展(zhan)维护都(dou)有相当大(da)的益处。