关于层的 HTML 代码

当您在文档中放置层时，Dreamweaver将在代码中插入该层的 HTML 标签。您可以选择让Dreamweaver将 div 标签或 span 标签用于您的层。默认情况下，Dreamweaver会使用 div 标签创建层。

备注： 您还可以使用另外两种标签来创建层：layer 和 ilayer。但是，这些标签仅在 Netscape Navigator 4 中受到支持；Internet Explorer 不支持这些标签，而 Netscape 在较新的浏览器中也不再支持这些标签。Dreamweaver识别 layer 和 ilayer 标签，但不使用这些标签来创建层。

若要更改默认标签，请参见设置层参数。

div 和 span 标签之间的区别在于浏览器不支持层在 div 标签之前和之后放置额外的换行符；也就是说，div 标签是块级别的元素，而 span 标签则是内联元素。大多数情况下，在不支持层的浏览器中，最好让层内容出现在自己的段落中，因此大多数情况下最好使用 div 而不是 span。若要进一步提高在较早浏览器中的可读性，应注意放置层代码的位置。

定义层的代码可以位于 HTML 文件正文中的任意位置。当您在Dreamweaver中绘制一个层时，该层会显示在您绘制它的地方，但Dreamweaver将在页开头且紧接在 body 标签之后插入该层的代码。（如果您使用的是“插入层”命令而不是绘制层，层代码将在插入点处插入。）如果您创建一个嵌套层，Dreamweaver会在定义父层的标签内插入代码。

备注： 无论您使用的是哪一种标签，4.0 版之前的 Internet Explorer 和 Netscape Navigator 都将显示层的内容但不定位层。层的内容出现在层的代码所在的那一点；例如，如果层的代码位于页的开头，那么在不支持层的浏览器中，层的内容将出现在页的开头。

下面是一个层的 HTML 代码示例：

<div id="Layer1" style="position:absolute; visibility:inherit; width:200px; height:115px; z-index:1">
</div>

下面是嵌套在另一个层中的层的 HTML 代码示例：

<div id="Parent" style="position:absolute; left:56px; top:54px; width:124px; height:158px; z-index:1;">
Content inside the parent layer. 
<div id="Nested" style="position:absolute; left:97px; top:114px; width:54px; height:69px; z-index:1;">
  Content inside the nested layer. 
  </div>
</div>

您可以设置页面上层的属性，其中包括 x 和 y 坐标、z 轴（也称作层叠顺序）以及可见性。有关更多信息，请参见查看和设置层属性。