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

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

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

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

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

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

（2）Hack

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

（3）提供了清爽的代碼

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

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

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

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