Dreamweaver格式化html代碼提升代碼質量

1、快速啓動：Dreamweaver-html源代碼自動格式化
把本身頁面的源代碼按照標準的格式整理好!也就是相似於:
<table>
    <tr>
        <td>
            XXX
        </td>
    </tr>
</table>
的格式,標籤必須對整齊。

首先在[編輯]|[首先參數]的"代碼格式"中設置好格式:
第一行-縮進:勾選.能夠選擇使用Tab鍵或空格鍵填補縮進.
第二行-製表符大小:Tab鍵所佔空位.這個只在DreamWeaver中有影響.無論你設爲幾,在文件中,一個Tab鍵仍是一個Tab鍵.
第三行-自動換行:是否自動換行.不選.
第四行-換行符類型:換行符類型.(Windows)
第5、6、七行:標籤大小寫.
第八行:TD後無換行.不勾選.
第九行:居中方式.

設置好之後,點肯定.而後轉到菜單:[命令]|[應用源格式] 

2、用Dreamweaver實現HTML代碼格式化和淨化功能 
咱們在利用Dreamweaver3進行網頁製做前，能夠進行「格式化HTML代碼」參數設置，如控制縮進、設置行 間隔、設置標記和屬性名稱的大小寫等，從而在創做文檔時，保持其源代碼格式簡潔明瞭，也便於自我維護。 利用「格式化HTML代碼」和「淨化HTML代碼」的特性，還能夠對現有文檔的HTML代碼進行格式化和淨化，實現統一的HTML代碼格式，刪除無用的代 碼，修復代碼錯誤，優化代碼，提升代碼質量。 

一、HTML格式化參數設置

位置：打開「Edit」菜單，選擇「Prefernces」，打開參數選擇對話框，選擇「HTML Format」項，設置相關參數。

選項：

Indent（縮進）：縮進方式。
Use（使用）：選擇用空格或製表符（Tab）實現縮進。
Table Rows and Columns（表格行和列）：選擇，則會自動縮進用於建立表格的tr標記和td標記。
Frames and Framesets（框架和框架集）：選擇，則會自動縮進用於建立框架和框架集的frames標記和framesets標記。
Indent Size（縮進尺寸）：單位「字符」。
Tab Size（製表符尺寸）：單位「製表符」。
Automatic Wrapping（自動換行）：選擇自動換行和行數。
Line Breaks（回行）：不一樣的系統，選擇不一樣的方式。
Case for Tage（標記的大小寫）：選擇大小寫方式，只對文檔窗口編輯操做有效。
Case for（屬性的大小寫）：選擇大小寫方式，只對文檔窗口操做有效。
Override Case Of（覆蓋標記）：全選中，則會根據上面的設置，在各類編輯狀態下，對各類文檔，強制對標記或屬性的大小寫進行重寫。
Centering（居中）：居中方式的兩種源代碼的選擇。 

二、格式化現有文檔的HTML代碼 

經過格式化參數設置，除了「Override Case Of（覆蓋標記）」屬性之外，一般只對新建文檔或現有文檔中新輸入的內容有效，對現有文檔中的源代碼進行格式化，能夠以下操做：
用Dreamweaver3打開現有文檔，打開「Commands」菜單，選擇「Apply Source Formatting」命令。 

三、HTML重寫參數設置 

位置：打開「Edit」菜單，選擇「Prefernces」，打開參數選擇對話框，選擇「HTML Rewriting」項，設置相關參數。
選項：

Fix Invalidly Nested and Unclosed Tags（修復無效的嵌套和未封閉標記）
Remove Extra Closing Tags（刪除多餘的封閉標記）
Warn when Fixing or Removing Tags（當修復或刪除標記時發出警告）
Never Rewrite HTML :In Files with Extensions（從不重寫帶有擴展名的HTML文檔）：能夠在文本框中輸入相應的擴展名，用空格隔開。
Special（特殊）：兩個選項用於設置是否對某些特定字符進行編碼。 

四、淨化現有文檔的HTML代碼 

淨化現有文檔的HTML代碼，能夠刪除無用的代碼，優化源代碼。以下操做：

位置：用Dreamweaver3打開現有文檔，打開「Commands」菜單，選擇「Clean Up HTML」命令，進行選擇。
選項：

Empty Tags（空標記）
Redundant Nested Tags（多餘嵌套標記）
Non-Dreamweaver HTML Comments（非Dreamweaver HTML註釋）：全部非Dreamweaver自動生成的註釋信息。
Dreamweaver HTML Comments（Dreamweaver HTML註釋）
Specific Tag(s)（特定標記）：能夠在文本框中輸入相應的想刪除的標記。
Combine Nested Tags When Possible（儘量融合嵌套的標記）：對文檔中的嵌套標記進行從新組合。
Show Log on Completion（完成後顯示提示）

另外，Dreamweaver3還能夠對Microsoft Word生成的HTML文檔進行淨化。同理，不妨能夠本身試試。

Mr.·p    

2011-08-10