前端的職位現已不像很早以前，網站存在著簡單的模板款式，那時的頁面規劃風格相對單一，對應的頁面需求比較簡單，并且其時的瀏覽器也基本是 IE6 的全國，javascript 也只是網頁特效的代名詞，HTML 頁面自身沒有引起太多人的注重，好像只需能用 div 乃至 table 加 css 輔佐把圖片定好位，把頁面內容預留好就 OK 了，并且這種觀念存在了很長一段時間。

　　隨著3G業務的風靡，還有不同人群對網站建造要求的層次不同，網站的規劃風格越來越個性化、專業化、精巧化。交互復雜性的增加，AJAX 的運用，瀏覽器的更新換代，又讓咱們從頭對最基本的頁面自身注重起來。然后熱議的便是瀏覽器的兼容性，碰到問題最熱衷的便是滿網絡查找 hack，趁便再罵罵 IE6、7……當這些都做一遍后，好像又遇到了瓶頸，又開端尋找出路。咱們就從這個階段開端說起。

　　網站前端具體能夠給網站帶來哪些好處呢：

　　（1）能夠給網站結構布局帶來杰出的展現：拿到規劃圖后一定要靜心思考，多調查。先分框架然后規劃結構，編寫代碼。特別在大型項目中，合理運用模塊化的開發不管從整體進行仍是拓展保護都有相當大的好處。

　　（2）關于 hack 許多同學在頁面開發時上網查找最多的便是 hack 了，是否咱們完全要依賴 hack 來完成頁面兼容性，答案是否定的。咱們常常比喻 IE6 向咱們撒了一個謊，成果咱們要再撒一百個謊來圓這個謊。不否認 IE6 常常讓咱們口吐鮮血，但不代表咱們用更多的“謊話”來彌補就能夠心安理得。大部分情況下能夠通過變換思路調整 HTML 結構，或運用一些雖然無法解釋但相對安全的 css 來干掉 hack。誰都無法估計運用 hack 什么時分會讓咱們栽一個大跟頭。比方觸發 layout 或 position:relative 就能夠協助解決許多 IE6 的問題。

　　（3）優美的代碼：看到合理的標簽運用、杰出的注釋、清晰的代碼結構、用意準確的 css 不只猶如欣賞一個藝術品，更為下流開發和協同開發降低了不小的溝通本錢。特別是 HTML5 供給了更豐厚的語義化標簽，它們都苦苦地在等候戰場上的沖鋒號，讓咱們去解放它們吧！

　　(4)“工欲善其事，必先利其器”，除了實戰經驗和代碼習慣的構成能夠協助咱們進步效率外，想要進步對自己開發的進度掌控能力，還有許多輔佐工具能夠協助咱們進行頁面開發。比方運用 Less 或 Sass 能夠協助咱們拓展和組織 CSS，大大進步 CSS 的編寫效率增加了可保護性。

　　(5)與HTML5的結合，HTML5年代的降臨伴隨著移動互聯網的興起發明了更大的機會，還有太多的東西值得咱們去學習去發現。 HTML5 供給了豐厚的 JS API 接口，需求咱們去研討；CSS3的絢麗吸引了足夠多的眼球，需求咱們去研討；移動設備上怎么開發更加適配的頁面，需求咱們去研討…