40、HTML 中图层的深入解析与应用

HTML 中图层的深入解析与应用

1. 图层概述

在传统 HTML 中，间隔器和多列是文档正常流的自然扩展。而 Netscape 4 版本引入了图层，将 HTML 带入了一个全新的维度。它把单元素文档模型转变为包含多个分层元素的模型，这些元素组合形成最终的文档。不过，遗憾的是，Netscape 6 及任何版本的 Internet Explorer 都不支持图层。

图层为布局设计者提供了标准 HTML 中缺失的关键元素：内容在浏览器窗口中的绝对定位。通过图层，你可以定义一个独立的 HTML 内容单元，将其放置在浏览器窗口的任何位置，置于其他图层之上或之下，并根据需要使其显示或隐藏。一些用传统 HTML 难以实现的文档布局，使用图层则变得轻而易举。

可以把文档想象成一张纸，图层就像是放在文档上面的透明塑料片。对于每个图层，你需要定义其内容、相对于基础文档的位置以及在文档上的放置顺序。图层可以是透明或不透明的，可见或隐藏的，这为布局提供了无限的组合选项。

2. <layer> 标签

2.1 基本介绍

<layer> 标签用于定义 HTML 文档中的内容层。可以将图层看作一个微型 HTML 文档，其内容定义在 <layer> 和 </layer> 标签之间。此外，也可以使用 <layer> 标签的 src 属性从另一个 HTML 文档中获取图层内容。