Dreamweaver格式化html代碼的技巧

　　Dreamweaver格式化html代碼的技巧

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

　　1、用Dreamweaver打開(kāi)現有html文檔時(shí)，可能會(huì )出現如圖所示的沒(méi)有任何縮進(jìn)的代碼，可讀性很差

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

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

　　3、在彈出的對話(huà)框中點(diǎn)擊“代碼格式”

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

　　2）制表符大�。�4；

　　3）換行符類(lèi)型：CR LF（Windows）；

　　4）默認標簽大小寫(xiě)：小寫(xiě)；

　　5）默認屬性大小寫(xiě)：小寫(xiě)；

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

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

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

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

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

過(guò)濾HTML代碼08-29

php如何過(guò)濾危險html代碼09-21

2017年html的超簡(jiǎn)代碼模版10-22

如何在HTML頁(yè)面插入flash代碼01-21

Dreamweaver網(wǎng)頁(yè)優(yōu)化技巧07-08

高效編寫(xiě)JavaScript代碼的技巧08-25

關(guān)于Dreamweaver中怎么讓html網(wǎng)頁(yè)中的table邊框細線(xiàn)顯示?08-15

Dreamweaver制作網(wǎng)頁(yè)中表格外觀(guān)的技巧07-16

HTML的語(yǔ)言剖析10-13

怎么格式化硬盤(pán)01-14