怎么格式化html代碼? Dreamweaver格式化html代碼的技巧

我們在使用Dreamweaver進行網(wǎng)頁制作時,通過編輯其設置中的代碼格式,可以一鍵實現(xiàn)代碼格式化,從而讓代碼格式統(tǒng)一,提高代碼可讀性。
1、用Dreamweaver打開現(xiàn)有html文檔時,可能會出現(xiàn)如圖所示的沒有任何縮進的代碼,可讀性很差
2、為了格式化代碼,我們可以先設置一下自己想要的代碼格式。
依次點擊 編輯 -> 首選參數(shù);英文版則是 Edit -> Preferences
3、在彈出的對話框中點擊“代碼格式”
1)縮進:有“空格”和“Tab鍵”兩種選項,這里我設置為2個空格;
2)制表符大?。?;
3)換行符類型:CR LF(Windows);
4)默認標簽大小寫:小寫;
5)默認屬性大小寫:小寫;
余下的選項使用默認設置,點擊“確定”保存。
4、依次點擊工具欄 命令 -> 應用源格式;英文版為Commands -> Apply Source Formatting
5、html文檔已經(jīng)格式化了,大大提到了代碼的可讀性
6、用Dreamweaver查看或編輯jsp等其他格式文件也是同樣的操作
相關推薦:
Dreamweaver CS6安裝失敗提示配置錯誤代碼16該怎么辦?
dreamweaver代碼怎么排版?dreamweaver代碼格式化的方法
相關文章
- 這篇文章主要介紹了html格式化json的實例代碼,需要的朋友可以參考下2017-05-22
Dreamweaver代碼的格式化功能掌控html代碼的格式
今天偶然發(fā)現(xiàn)了Dreamweaver的一個非常有用的功能,就是代碼的格式化功能,我們寫的html或者css代碼都計較混亂,難以閱讀,等到所使用的標簽越來越多,嵌套越來越深,這時我們2012-12-16- 這篇文章主要介紹了vscode 中保存后html自動格式化的問題,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-23