Dreamweaver格式化html代碼的技巧

　　Dreamweaver格式化html代碼的技巧

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

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

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

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

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

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

　　2）制表符大小：4；

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

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

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

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

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

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

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

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

過濾HTML代碼08-29

php如何過濾危險(xiǎn)html代碼09-21

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

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

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

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

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

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

HTML的語言剖析10-13

怎么格式化硬盤01-14