現如今一提到做網站，時間想到的就是響應式網站，是采用HTML5技術來實現的，這與智能手機的普及有著直接關系，幾乎人手至少一部手機，人們的生活幾乎離不開手機，無論是休閑娛樂，還是商務辦公，都需要依托手機這樣的載體來實現。

因此為了方便正常訪問和使用，服務企業都會以適應手機訪問為重要參考指標，這其中html5網站以及基于其開發的互聯網產品不斷出現，從側面來說，html5在當前的前端網頁設計開發方面占據著絕對的主導。

我們今天說一說網頁的編輯工具與布局方式，聊聊其發展歷史，以及對未來的展望。

談到網頁制作就不得不談到編輯工具，在早時期，比較流行使用Frontpage，這是一款Office自帶的網頁編輯軟件。它大的優勢就是設計師可通過word編輯后進而轉換為html，大大減少主動閱讀代碼的工作，從某種角度講，網站制作幾乎就和編輯word一樣簡單。

隨著時間的推移，一款專業的網頁編輯工具出現了，讓大家不禁驚呼，原來網頁可以這么做！它就是Dreamweaver，幾乎所有招聘網頁設計崗位的公司都以會不會Dreamweaver為入職條件。其實在當時而言，兩款軟件在前端編輯方面差不了太多，甚至Frontpage基于強大的word編輯功能，在純粹的前端編輯更為優秀，之所以大家放棄Frontpage，原因是因為逐漸往代碼方面學習，尤其是樣式表的概念初見成形。漸漸的，轉向手動編輯代碼的后端。

Table，Tr，Td，在過去近十年的時間是絕對的網頁編輯方式主流，它既可以滿足編碼體驗，也可以滿足前端編輯者的工作需求，無與倫比的瀏覽器兼容性是其大的優勢，即便到了今天，我們也能經常看到table來解決兼容性問題。

隨著技術進一步的發展，大家開始覺得建一個Table，就離不開Tr，也少不了Td，哪怕只打一行字，也需要六行代碼的出現。尤其是當面對很多同類頁面的維護修改的時候，要一頁一頁的改。這時，div+css的開發編輯方式優勢漸漸顯現，雖它的兼容性一直不如Frontpage，但以其代碼簡單、快速加載等特點而普及。

就在大家使用著Table與div+css之時，新的技術又產生了，那就是Html5+css3的問世，網頁編輯的未來，必然是屬于HTML5的，這是歷史的發展，無人可阻擋。也許到了今天仍然有人還在用Frontpage布局網頁，也有人繼續使用Table，隨著手機的發展，HTML5技術也將普及下來。