Dreamweaver格式化html代碼的技巧

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等其他格式文件也是同樣的操作

【 Dreamweaver格式化html代碼的技巧】相關文章：

過濾HTML代碼08-29

php如何過濾危險html代碼09-21

2017年html的超簡代碼模版10-22

如何在HTML頁面插入flash代碼01-21

Dreamweaver網頁優化技巧07-08

高效編寫JavaScript代碼的技巧08-25

關于Dreamweaver中怎么讓html網頁中的table邊框細線顯示?08-15

Dreamweaver制作網頁中表格外觀的技巧07-16

HTML的語言剖析10-13

怎么格式化硬盤01-14