Dreamweaver格式化html代碼的技巧

時間：2024-07-28 08:58:19 HTML DOM 我要投稿

　　Dreamweaver格式化html代碼的技巧

　　我們在使用Dreamweaver進(jìn)行網(wǎng)頁制作時，通過編輯其設(shè)置中的代碼格式，可以一鍵實現(xiàn)代碼格式化，從而讓代碼格式統(tǒng)一，提高代碼可讀性。

　　1、用Dreamweaver打開現(xiàn)有html文檔時，可能會出現(xiàn)如圖所示的沒有任何縮進(jìn)的代碼，可讀性很差

　　2、為了格式化代碼，我們可以先設(shè)置一下自己想要的代碼格式。

　　依次點擊編輯 -> 首選參數(shù)；英文版則是 Edit -> Preferences

　　3、在彈出的對話框中點擊“代碼格式”

　　1）縮進(jìn)：有“空格”和“Tab鍵”兩種選項，這里我設(shè)置為2個空格；

　　2）制表符大�。�4；

　　3）換行符類型：CR LF（Windows）；

　　4）默認(rèn)標(biāo)簽大小寫：小寫；

　　5）默認(rèn)屬性大小寫：小寫；

　　余下的選項使用默認(rèn)設(shè)置，點擊“確定”保存。

　　4、依次點擊工具欄命令 -> 應(yīng)用源格式；英文版為Commands -> Apply Source Formatting

　　5、html文檔已經(jīng)格式化了，大大提到了代碼的可讀性

　　6、用Dreamweaver查看或編輯jsp等其他格式文件也是同樣的操作

【 Dreamweaver格式化html代碼的技巧】相關(guān)文章：