舊文件

此處文件僅供參考，請自行考量時效性與適用程度，其他庫藏文件請參考文件頁面；
我們亟需您的協助，進行共筆系統搬移、及文件整理工作，詳情請查閱參與我們。

「以萬維網標準設計您的網頁」修訂間的差異

出自 MozTW Wiki

（intro）
 
（取代作為嵌入外部 HTML 內容的 <layer> 與 <ilayer>）
行 13： 行 13：
  
 
<p>本文件內容:</p>
 
<p>本文件內容:</p>
−
#生級　Layer 元素 (Netscape 4)
+
#升級　Layer 元素 (Netscape 4)
 
#棄用（Deprecated）的元素
 
#棄用（Deprecated）的元素
 
##Applet
 
##Applet
行 26： 行 26：
 
#使用物件偵測
 
#使用物件偵測
 
#更動摘要
 
#更動摘要
 +
 +
== 升級　Layer 元素 (Netscape 4) ==
 +
 +
<p>本節解釋如何用符合標準的 HTML 4.01 來取代 Netscape 4 的 <layer> 與 <ilayer> 元素。因為 <layer> 與 <ilayer> 元素不屬於任何的 W3C 網路標準， <strong>Netscape 6/7、Firefox 與 Mozilla 等合乎標準的瀏覽器皆不支援 <layer>  與 <ilayer> 元素</strong>。</p>
 +
 +
<p>document.layers[] 物件集及 Netscape 4 Layer DOM 其它的特定的功能也不受支援，這些在 DOM 一節會討論。</p>
 +
 +
<p>在 Netscape 4 裡，<layer> 元素主要有兩個功用：</p>
 +
 +
* 在網頁中嵌入外部的 HTML 內容，與
 +
* 設定 HTML 內容特定區塊的位置；這類 HTML 內容的區塊通常在書中、在參考文件中、或在網頁作者間被稱呼為 layer﹝圖層﹞ 或 DHTML layer。
 +
 +
== 取代作為嵌入外部 HTML 內容的 <layer> 與 <ilayer>  ==
 +
 +
<p>如果你有</p>
 +
 +
<pre class="code">
 +
<LAYER SRC="foo.html" height="300" width="400"> </LAYER>
 +
</pre>
 +
 +
<p>那對於 HTML 4.01 Transitional（過渡）文件你可用以下取代：</p>
 +
 +
<pre class="code">
 +
<iframe src="foo.html" height="300" width="400">
 +
  <a href="foo.html">Foo 內容</a>
 +
</iframe>
 +
</pre>
 +
 +
<p class="note" style="color:#666;">註：如 Netscape 4 等不支援 IFRAME 的使用代理器與非常舊的視訊瀏覽器會顯示它的內容如：「這裡，內容鏈結」。如此，內容對於較舊瀏覽器的親和力（內容退化）可以確保與最優雅化。</p>
 +
 +
或著，對於 HTML 4.01 Strict（嚴格）文件你可用以下取代：
 +
 +
<pre class="code">
 +
<object data="foo.html" type="text/html" height="300" width="400">
 +
  <a href="foo.html">Foo content</a>
 +
</object>
 +
</code>
 +
</pre>
 +
 +
<p class="note" style="color:#666;">註：同上，不支援這物件元素的使用代理器與瀏覽器會顯示該鏈結，因此確保內容可以取得。</p>
 +
 +
一般使用 <iframe> 或 <object> 的親和力策略是在 <iframe> 或 <object> 內置入最常用與支援最多的元素。如此，無法繪製 <iframe> 或 <object> 的使用代理器可以繪製這內容來代替。大多數瀏覽器遇到不名元素時的一般規則是盡所能繪製它的內容。[[#note1|註一]]
 +
 +
<p>更多有關內嵌 HTML 內容：<br>
 +
[http://www.w3.org/TR/html401/struct/objects.html#h-13.5 Notes on embedded documents from W3C HTML 4.01]
 +
</p>
 +
 +
<p id="note1">註一："If a user agent encounters an element it does not recognize, it should try to render the element's content.": [http://www.w3.org/TR/html4/appendix/notes.html#h-B.1 Notes on invalid documents]</p>
 +
 +
<p>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.</p>

於 2005年5月8日 (日) 22:54 的修訂

原文 (重大更新中)

  • 翻譯：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.

取自 "https://wiki.moztw.org/index.php?title=以萬維網標準設計您的網頁&oldid=7118"
個人工具