在html5流行的今天，用戶開(kāi)始關(guān)注網(wǎng)站前端工作，但是大部分的用戶還是不太明白網(wǎng)站的前端是做什么的。具體是網(wǎng)站建設(shè)中的什么呢？還有就是這個(gè)職位并不常見(jiàn)，在一般的公司，是沒(méi)有前端的劃分的，只有特別專業(yè)或者實(shí)力非常強(qiáng)大的公司才會(huì)安排這個(gè)職業(yè)，還有種常見(jiàn)的現(xiàn)象就是，前段往往會(huì)和設(shè)計(jì)放在一起，也就是設(shè)計(jì)師又做設(shè)計(jì)又做網(wǎng)站前端，另外一種相似的情況就是做前端和后臺(tái)是同一員工制作，一個(gè)人一步到位，這種劃分方式，往往使得用戶以為這個(gè)設(shè)計(jì)師或者技術(shù)人員的只能就是這樣的，從而忽視了前端的存在。

      前端這個(gè)職業(yè)在很早以前，工作室相當(dāng)簡(jiǎn)單的，只要能用DIV甚至 table 加 css 輔助把圖片定好位，把頁(yè)面內(nèi)容預(yù)留,工作就算完成了，那是很久以前了，那時(shí)候的網(wǎng)站有著非常簡(jiǎn)單的模板樣式，那時(shí)候大眾的網(wǎng)站的頁(yè)面風(fēng)格都是比較單調(diào)的，看起來(lái)人人都差不多，對(duì)頁(yè)面的要求就比較簡(jiǎn)單了，并且當(dāng)時(shí)的瀏覽器也基本是 IE6 的天下，javascript 也只是網(wǎng)頁(yè)特效的代名詞，HTML 頁(yè)面本身沒(méi)有引起太多人的關(guān)注，并且這種情況持續(xù)了一個(gè)比較長(zhǎng)久的時(shí)間段，互聯(lián)網(wǎng)很長(zhǎng)一段時(shí)間存在一種網(wǎng)頁(yè)粗制濫造的氛圍。

      后來(lái)隨著代碼普及發(fā)展，漸漸的，熟練的前端制作能給網(wǎng)站建設(shè)帶來(lái)太大的好處了。

網(wǎng)站前端夠給網(wǎng)站帶來(lái)哪些好處呢？

（1）能夠給網(wǎng)站帶來(lái)良好的展現(xiàn)：

      拿到設(shè)計(jì)圖以后，首先我們要仔細(xì)思考一下，然后根據(jù)用戶需要上網(wǎng)去找瀏覽者需求，再根據(jù)瀏覽者需求解決我們用戶的需要，根據(jù)我們的解決方案，先分框架，然后規(guī)劃結(jié)構(gòu)，編寫代，特別是在網(wǎng)站項(xiàng)目比較大的時(shí)候，合理的使用模塊化開(kāi)發(fā)，不管是整個(gè)網(wǎng)站進(jìn)行還是從小一步步拓展維護(hù)都有非常大的好處

（2）Hack

      許多用戶在搜索與前端相關(guān)的工作的時(shí)候，在搜索引擎上鍵入最多的關(guān)鍵詞就是hack了，這是否就代表著，我們就要依賴者h(yuǎn)ack來(lái)實(shí)現(xiàn)頁(yè)面兼容性呢，答案是否定的。就像同行們經(jīng)常講的，IE6向我們?nèi)隽?一個(gè)謊，我們要撒100個(gè)謊來(lái)圓掉這個(gè)謊，首先值得肯定的是這是堆非常吐血的工作量，還有就是，并不代表我們?nèi)鲋e就能只手遮天，大部分情況下使用變換思路調(diào)整HTML結(jié)構(gòu)，或者是用一些相對(duì)安全的css來(lái)干掉hack，但是誰(shuí)都無(wú)法預(yù)料，在什么時(shí)候hack會(huì)讓我們損失慘重，比如觸發(fā) layout 或 position:relative 就可以幫助解決很多 IE6 的問(wèn)題。

（3）提供了清爽的代碼

      有了前端的努力之后，頁(yè)面上我們可以發(fā)現(xiàn)標(biāo)簽使用非常合理，有良好的注釋，優(yōu)雅的代碼結(jié)構(gòu)，準(zhǔn)確的css，簡(jiǎn)直像是一個(gè)藝術(shù)品，更為接下來(lái)的工作節(jié)約了非常多的時(shí)間與溝通成本，特別是在這一代html5存在的年代，html5提供了非常豐富的語(yǔ)義化標(biāo)簽，等著我們體驗(yàn)與使用它們。

（4）所謂磨刀不誤砍柴工，出了實(shí)戰(zhàn)經(jīng)驗(yàn)代碼和代碼習(xí)慣形成可以幫助我們提高效率，想要提高自己對(duì)開(kāi)發(fā)進(jìn)度的掌控能力，我們還可以使用多種工具來(lái)幫助我保證良好的效率和工作質(zhì)量與工作成品的準(zhǔn)確度，大大提高了頁(yè)面中css的編寫效率和提高了可維護(hù)性。

（5）能夠與Html5結(jié)合

      與html5的結(jié)合，這種代碼讓我們知道，這是一個(gè)新的時(shí)代，這是新時(shí)代的代碼，這種代碼為未來(lái)創(chuàng)造了更多的可能性，隨著互聯(lián)網(wǎng)的興起為人們創(chuàng)造了更多的機(jī)會(huì)，我們可以去學(xué)習(xí)去發(fā)現(xiàn)更多的東西，然后利用到網(wǎng)站建設(shè)上，去研究更合理的代碼例如css3去研究更合理的方法和先進(jìn)的技術(shù)，從而走在網(wǎng)站建設(shè)的前端。