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

因此為了方便正常訪問和使用，服務(wù)企業(yè)都會以適應(yīng)手機(jī)訪問為重要參考指標(biāo)，這其中html5網(wǎng)站以及基于其開發(fā)的互聯(lián)網(wǎng)產(chǎn)品不斷出現(xiàn)，從側(cè)面來說，html5在當(dāng)前的前端網(wǎng)頁設(shè)計(jì)開發(fā)方面占據(jù)著絕對的主導(dǎo)。

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

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

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

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

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

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