如何符合HTML4.0標準來開新視窗

一般我們會使用 HTML 的 target="_blank" 來開新視窗,但在 xhtml1.0 的標準中,卻是是禁用使用_blank 的,而在過渡型 DOCTYPE (xhtml 1.0 Transitional) 下,可使用target="new" 來取代,雖可以暫時通過驗證,但也只是暫時性的做法,而在w3c 中公布的 DOCTYPE (html4.01 Strict) (xhtml1.0 Strict),甚至是 xhtml 1.1,已都全面禁用target 屬性,這已造成網頁設計師製作網頁上的一大困擾。

所幸在 HTML4.0 中有個 rel 屬性,可以用在<LINK> 內,例如連結樣式表或指定網站 ICON,這個屬性用來說明連結和包含此連結頁的關係及打開連結的目標,因此我們使用 rel 來取代 target,但還是必須以 JavaScript 來做調用。

下載 JavaScript 檔案

在 <head> 與 </head> 之間加上以下的內容:

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

在 <body> 與 </body> 之間加上以下的內容:

<a href="#" rel="external"> 開新視窗</a>

也就是說只要在網頁連結標籤內使用 rel="external" 就可以指定連結開新視窗,而且適用於各種瀏覽器。