安道生練功房 - 分享經驗，累積智慧

andowson

最近花了好長一段時間將JForum的網頁修改為支援XHTML 1.0 Transitional標準，並以W3C的網頁驗證工具來檢測。
主要修正的項目大致如下：
1.將網頁加上XHTML 1.0 Transitional文件格式宣告。
2.將<br><hr><img><input>加上結尾標籤
3.將原本沒有值的屬性重複一次屬性名稱，如selected改為selected="selected"，checked改為checked="checked"，disabled改為disabled="disabled"，multiple改為multiple="multiple"
4.<form>需要設定action=
5.<form>需在<table>之外，且<form>內不能再有</form>
6.有些標籤不能放在<span>內，改用<div>取代<span>
7.JavaScript要改為<script type="text/javascript">並用<![CDATA[]]> 包起來，例如：

<script type="text/javascript">

/* <![CDATA[ */

var CONTEXTPATH = "";

var SERVLET_EXTENSION = ".page";

/* ]]> */

</script>

8.JavaScript的字串中如果遇到/字元需要做跳脫，例如"</option>"改為"<\/option>"。
9.<style>設定需要放到<head>內，不然就是改為放到style.css中。
10.<img>需要加上alt。
11.<img>需要加上src。
12.&需要替換為&
13.標籤的id值不能是數字開頭。
14.<tr>和<tr>之間不能插入<input>或<script>標籤，可改為放<td>去。
15.<embed>標籤不能再使用了。

為了加速這個過程，我是使用Firefox的plugin - Web Developer 及 HTML Validator (http://users.skynet.be/mgueury/mozilla/)來進行。

在Web Developer方面，利用瀏覽器工具列上的工具->顯示驗證工具列，可以看到是否通過W3C驗證的綠色或有幾項不符合，按下去便可連結到W3C的網頁。

用HTML Validator則會在瀏覽器的右下角出現一個顯示網頁是否符合標準的綠色或紅色圖示。按下它可以顯示整個網頁原始檔，並會告知有問題的行數及參考的修改方法。

整個過程下來，發現原先的網頁樣版檔的HTML標籤還真是有些小問題。有了這兩個工具希望以後大家在開發網頁應用程式時可以更符合W3C的標準。

參考資料
http://jane-wu.blogspot.com/2007/04/w3c-xhtml.html

安道生練功房 - 分享經驗，累積智慧

練功房推薦書單