dreamweaver使用技巧之格式化程式碼自動縮排
今天偶然發現了dreamweaver的一個非常有用的功能,就是程式碼的格式化功能。以dreamweaver8.0版本為例,一般情況下,我們寫的html或者css程式碼都計較混亂,難以閱讀,即使剛開始很在意程式碼的可讀性,但是等到所使用的標籤越來越多,巢狀越來越深,這時我們已經很難去掌控html程式碼的格式問題了。先看看沒有格式化的程式碼和格式化後的程式碼的區別:
例如這是沒有格式化的程式碼,是不是很讓人抓狂呢?
01 |
< html > |
02 |
< head > |
03 |
< meta charset = "utf-8" /> |
04 |
< title >標題</ title > |
05 |
</ head > |
06 |
< body > |
07 |
< div id = "header" > |
08 |
< div id = "logo" >< h1 >< a href = "#" title = "返回首頁" >返回首頁</ a ></ h1 ></ div > |
09 |
</ div > |
|