使用Dreamweaver清理HTML程式碼

Word 等軟體製作的網頁,常常會產生一些不必要的垃圾標籤,造成往後編輯該網頁時的困擾。而Dreamweaver 提供了一個很方便的功能「清理 HTML」,此功能可以自動移除空白標籤、組合巢狀結構的字體標籤,或是改善混亂或無法閱讀的 HTML XHTML 程式碼。

說明一:

操作方式如下:

1. 開啟一份文件: 
    o 如果文件是以 HTML 撰寫的,請選取「命令>清理 HTML」。 
    o 如果文件是以 XHTML 撰寫的,請選取「命令>清理 XHTML」。 
如果是 XHTML 文件,「清理 XHTML」命令除了執行 HTML 清除作業,還會修正 XHTML 語法錯誤、將標籤屬性的大小寫設定成小寫,以及新增或報告標籤遺失的必要屬性。

2. 在出現的對話方塊中,選取其中任一選項。 
3. 按一下「確定」。 
依據文件的大小和所選取選項的多寡,完成清理可能要花幾秒鐘的時間。

 

說明二:

設定清理 HTML 對話方塊選項
這個對話方塊的用途,是指定 Dreamweaver 應如何清理程式碼。

移除空的容器標籤會移除任何沒有內容的標籤。例如,<b></b> 和 <font color="#FF0000"></font> 都是空白標籤,但是在 <b>some text</b> 中的 <b> 標籤則不是。

移除多餘的巢狀標籤會移除標籤的所有多餘實體。例如,在程式碼 <b>This is what I <b>really</b> wanted to say</b> 中,圍繞單字 really 的 b 標籤就是多餘的,可以移除。

移除不屬於 Dreamweaver 的 HTML 註解會移除所有不是由 Dreamweaver 插入的註解。例如,<!--begin body text--> 就會被移除,但是 <!-- TemplateBeginEditable name="doctitle" --> 則不會,因為它是樣版中標記可編輯區域開頭的 Dreamweaver 註解。

移除 Dreamweaver 特殊標記會移除註解,該註解是 Dreamweaver 新增到程式碼中的,讓文件在樣版及圖庫項目更新時,可以自動更新。如果您在以樣版為依據的文件中清理程式碼時,選取這個選項,文件就會從樣版分離。如需詳細資訊,請參閱使文件從樣版分離。

移除指定的標籤會移除在相鄰文字方塊中的指定標籤。使用這個選項可以移除由其他視覺輔助編輯器插入的自訂標籤,以及您不想顯示在網站上的其他標籤 (例如,blink)。請用逗號來分隔多個標籤 (例如,font,blink)。

儘可能合併巢狀的 <font> 標籤會將兩個以上的 font 標籤合併起來 (如果它們控制的文字範圍相同)。例如,<font size="7"><font color="#FF0000">big red</font></font> 會變更為 <font size="7" color="#FF0000">big red</font>。

完成後顯示記錄會在清理動作完成時,顯示一個警告方塊,內含文件變更的相關詳細資料。

以上內容出自Macromedia Dreamweaver MX 2004軟體「說明」功能中的「使用Dreamweaver」  



版權所有,未經確認授權,嚴禁轉貼節錄

財團法人中華民國電腦技能基金會
TEL02-2577-8806FAX02-2577-8135
服務信箱:[email protected]