Dreamweaver格式化html程式碼的技巧

才智咖 人氣:2.52W

Dreamweaver格式化html程式碼的技巧

Dreamweaver格式化html程式碼的技巧

我們在使用Dreamweaver進行網頁製作時,通過編輯其設定中的`程式碼格式,可以一鍵實現程式碼格式化,從而讓程式碼格式統一,提高程式碼可讀性。

1、用Dreamweaver開啟現有html文件時,可能會出現如圖所示的沒有任何縮排的程式碼,可讀性很差

2、為了格式化程式碼,我們可以先設定一下自己想要的程式碼格式。

依次點選 編輯 -> 首選引數;英文版則是 Edit -> Preferences

3、在彈出的對話方塊中點選“程式碼格式”

1)縮排:有“空格”和“Tab鍵”兩種選項,這裡我設定為2個空格;

2)製表符大小:4;

3)換行符型別:CR LF(Windows);

4)預設標籤大小寫:小寫;

5)預設屬性大小寫:小寫;

餘下的選項使用預設設定,點選“確定”儲存

4、依次點選工具欄 命令 -> 應用源格式;英文版為Commands -> Apply Source Formatting

5、html文件已經格式化了,大大提到了程式碼的可讀性

6、用Dreamweaver檢視或編輯jsp等其他格式檔案也是同樣的操作