Share via


精確模式中的度量單位和位置屬性

動態 HTML (DHTML) 會公開可用來變更網頁上 HTML 元素大小及位置的度量單位與位置屬性。瞭解這些屬性及其對於網頁元素的影響,有助於更有效控制網站的版面配置。本主題說明如何使用度量單位與位置屬性來控制以 Windows Internet Explorer 7 精確模式所呈現的網頁外觀。

Note注意:

本主題的說明及範例都是以 Internet Explorer 7 精確模式進行。本主題的範例無法正確用於 Internet Explorer 6 等舊版瀏覽器,而且必須加入精確的 !DOCTYPE,才能啟動標準相容的呈現模式。

如需有關相容呈現模式 (亦即快速模式) 版面配置及位置屬性的詳細資訊,請參閱快速模式中的度量單位和位置屬性

需求

下列內容假設您已經熟悉用戶端指令碼語言,例如 Microsoft JScript 或 Microsoft Visual Basic Scripting Edition (VBScript)。您也應該熟悉 World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 Ee371232.xtlink_newWindow(zh-tw,Expression.40).png (全球資訊網協會 (W3C) 文件物件模組 (DOM) 層級 1) 以及階層式樣式表。

精確模式與快速模式的比較

Microsoft Internet Explorer 6 或更新版本支援兩種網頁呈現模式:快速模式與精確模式。預設模式為快速模式,其特別著重於相容性,而且能夠以舊版瀏覽器的方式顯示網頁。舊版引擎基本上採用 Cascading Style Sheets (CSS), Level 1 (CSS1) Ee371232.xtlink_newWindow(zh-tw,Expression.40).png (階層式樣式表 (CSS) 層級 1 (CSS1)) 的建議。

Internet Explorer 也支援精確模式,但這種模式較著重於符合標準規範而非相容性。雖然顯示網頁的方式不同於舊版 Internet Explorer,但是大多數新版網頁瀏覽器 (包括 Internet Explorer 7) 可以更一致顯示以階層式樣式表為基礎的設計。在網頁的 HTML 元素之前定義標準相容的 !DOCTYPE 指示詞時,便會啟動精確模式。

本文件說明精確模式中出現的版面配置屬性。

另請參閱

概念

精確模式下的版面配置基礎
精確模式下的度量單位基礎
精確模式下的位置基礎
定位元素
如何使用度量單位和位置屬性