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

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

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

網站前端夠給網站帶來哪些好處呢？

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

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

（2）Hack

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

（3）提供了清爽的代碼

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

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

（5）能夠與Html5結合

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