_blank開新視窗不符合标準?

< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

_blank開新視窗不符合标準?

我們要在新視窗中打開連結通常的做法是在連結後面加target="_blank"，我們采用過渡型的DOCTYPE(xh tml1-transitional. dtd)時沒有問題，但是當我們使用嚴格的DOCTYPE(xhtml1-strict.dtd)時，這個方法将通不過W3C的校驗，會出現如下錯誤提示：

"there is no attribute target for this element(in this HTML version)"

原來在HTML4.01/XHTML1.0/XHTML1.1嚴格DOCTYPE下，target="_blank"、target="_self"等等文法都是無效的，我們隻能通過JavaScript來變通實作。

有朋友問為什麼不允許使用target="_blank"？這個屬性很友善啊。呵呵，不知道W3C的專家們是怎麼想的，據我所知，主要是“易用性、友好性”的問題，因為老外覺得不經過使用者同意，沒有明确提示就打開一個新視窗是不禮貌的。先不管這個取消是否合理，我們來看看解決辦法。

rel屬性

HTML4.0增加了一個新屬性：rel，這個屬性用來說明連結和包含此連結頁面的關系，以及連結打開的目标。rel有許多的屬性值，比如next、previous,、chapter、section等等。我們要使用的就是rel="externa l"屬性。原來這樣寫的代碼：

<a href="document.html" target="_blank"> 打開一個新視窗</a>

現在要寫成這樣：

<a href="document.html" rel="external">打開一個新視窗</a>

這是符合strict标準的方法。當然還必須配合一個javascript才有效。

javascript

完整的代碼JS如下：

function externallinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName_r("a"); for (var i=0; i<anchors.length; i++) {     var anchor = anchors[i];     if (anchor.getAttribute("href") &&         anchor.getAttribute("rel") == "external")       anchor.target = "_blank"; } } window.onload = externallinks;

你可以把它儲存成一個.js檔案(比如external.js)，然後通過外部聯接方法調用：

<script type="text/javascript" src="external.js"></script>

就是這樣。

最後補充一句，我網站采用的target="new"在過渡型DOCTYPE下是允許的，但也不符合strict标準。下次改版時我将采用strict模式，将所有target="new"改成rel="external"。

本文轉自 netcorner 部落格園部落格，原文連結：http://www.cnblogs.com/netcorner/archive/2007/04/06/2912395.html  ，如需轉載請自行聯系原作者