原文 (重大更新中)

• 翻譯：Daniel Wang、趙伯強
• 原作：Mike Cowperthwaite, Marcio Galli, Jim Ley, Ian Oeschger, Simon Paquet, Gérard Talbot

Browser makers are no longer the problem. The problem lies with designers and developers chained to the browser-quirk-oriented markup of the 1990s-often because they don't realize it is possible to support current standards while accommodating old browsers.

瀏覽器開發人再也不是問題所在了。現在問題是有許多設計師與開發人被鎖定在 90 年代，以瀏覽器怪僻為導向的編程方式。這常是因為他們不知道他們可以同時支援目前的標準並容許較舊 的瀏覽器。 Web Standards Project

一些用於嵌入 DHTML（動態 HTML）至頁面的元素及技巧已被 W3C 的 HTML 4.01 與文件物件模型（Document Object Model，DOM）規格書所排拒在外了。以 <LAYER> 標籤與 document.layers[] 物件組為例，它們實際上並非任何資訊網標準的一份子。近來相容於 W3C 標準的瀏覽器（如 Mozilla、Firefox、與 Netscape 6/7）並不支援這些非標準的元素與專有的 DOM 串組。

本文章提供您一份將網頁升級、以求符合全球資訊網標準的程序概覽。各段節會舉出一些與標準相違背之技法，並建議替代方案。所有本文章所提出的標準替代方案皆也測試與檢定過，在進代瀏覽器如 MSIE 6、Netscape 7.x、Firefox 1.x、Opera 7+、Safari 1.2+、Konqueror 3.x 等裡完全無問題。最後的一節「更動摘要」整理本文所有替換建議。

本文件內容:

1. 升級　Layer 元素 (Netscape 4)
2. 棄用（Deprecated）的元素
   1. Applet
   2. Font
   3. 其它棄用的
3. 其它排除的元素
4. 使用 W3C DOM
   1. 與 DOM 相關未支援的屬性
   2. 以 W3C DOM 存取元素
   3. 操作文件樣式及內容
5. 開發跨瀏覽器跨平台的網頁
6. 使用物件偵測
7. 更動摘要

升級　Layer 元素 (Netscape 4)

本節解釋如何用符合標準的 HTML 4.01 來取代 Netscape 4 的 <layer> 與 <ilayer> 元素。因為 <layer> 與 <ilayer> 元素不屬於任何的 W3C 網路標準， Netscape 6/7、Firefox 與 Mozilla 等合乎標準的瀏覽器皆不支援 <layer> 與 <ilayer> 元素。

document.layers[] 物件集及 Netscape 4 Layer DOM 其它的特定的功能也不受支援，這些在 DOM 一節會討論。

在 Netscape 4 裡，<layer> 元素主要有兩個功用：

• 在網頁中嵌入外部的 HTML 內容，與
• 設定 HTML 內容特定區塊的位置；這類 HTML 內容的區塊通常在書中、在參考文件中、或在網頁作者間被稱呼為 layer﹝圖層﹞ 或 DHTML layer。

取代作為嵌入外部 HTML 內容的 <layer> 與 <ilayer>

如果你有

<LAYER SRC="foo.html" height="300" width="400"> </LAYER>

那對於 HTML 4.01 Transitional（過渡）文件你可用以下取代：

<iframe src="foo.html" height="300" width="400">
  <a href="foo.html">Foo 內容</a>
</iframe>

註：如 Netscape 4 等不支援 IFRAME 的使用代理器與非常舊的視訊瀏覽器會顯示它的內容如：「這裡，內容鏈結」。如此，內容對於較舊瀏覽器的親和力（內容退化）可以確保與最優雅化。

或著，對於 HTML 4.01 Strict（嚴格）文件你可用以下取代：

<object data="foo.html" type="text/html" height="300" width="400">
  <a href="foo.html">Foo content</a>
</object>
</code>

註：同上，不支援這物件元素的使用代理器與瀏覽器會顯示該鏈結，因此確保內容可以取得。

一般使用 <iframe> 或 <object> 的親和力策略是在 <iframe> 或 <object> 內置入最常用與支援最多的元素。如此，無法繪製 <iframe> 或 <object> 的使用代理器可以繪製這內容來代替。大多數瀏覽器遇到不名元素時的一般規則是盡所能繪製它的內容。註一

更多有關內嵌 HTML 內容：
Notes on embedded documents from W3C HTML 4.01

註一："If a user agent encounters an element it does not recognize, it should try to render the element's content.": Notes on invalid documents

N.B.: this recommendation is not a normative specification of HTML 4.01. Although widely implemented, web authors should NOT blindly rely on this error correction mechanism.