分组 HTML 元素

当想对多个元素执行一个操作时，可以对一个 HTML 页面的区域分组。例如，为了在整个区域中使用单一种样式，可以将一系列段落组成组，来取代对每个段落分别设置样式。可以利用HTML标记 DIV和SPAN按如下方法对元素分组：

• DIV 用于将一系列元素组成一个更大的组。例如，可以使用DIV标记将多个段落与标题或者是一个窗格中的几个元素分成一组。DIV 被用来偏置一组元素，即，当在页面中插入一个DIV标记时，DIV 标记在它的结束标记后面添加一个段落分隔符。由于这个原因，DIV不能用在一个文本段落中间。
  
  
• SPAN用在一个元素之内对它的一部分进行分组，这一部分太小，无法用正常的HTML标记进行操作。例如，可以使用SPAN标记将一个段落中的少数几个句子组成一组，以执行只影响这些文本的操作。SPAN和DIV标记不一样，它不改变文档格式，因此它更适合于在段落内或在不想引入更多空格的其它元素中使用。

通过突出显示要分组的元素，然后从工具栏选择“DIV”或“SPAN”图标，可以添加DIV和SPAN标记到页面设计器。Visual Basic在页面的HTML中自动地插入合适的开始和结束标记。产生的DIV和SPAN元素出现在树形视图中，可以为它们指定IDs和编写代码。

DIV和SPAN标记中的分组元素可以是编码工作的一个重要部分，因为它允许对页面的精确部分进行操作。下面的HTML代码显示一个用来操作 Web 页面部分的 DIV和SPAN标记的例子：

<DIV id="client-fullname" class="client">
<SPAN class="client-lastname">Last name:</SPAN>
<SPAN class="client-firstname">First name:</SPAN>
</DIV>

在这个例子中，一个具有ID“client-fullname”的DIV标记将指定客户姓和名的字段组成一组。每一个标签是一个SPAN标记部分。如果想对窗体上的所有字段执行一个操作，可以使用DIV标记。如果只想对窗体中的一个项目执行一个操作，可以使用适当的SPAN标记。

要添加一个DIV或SPAN标记到页面

1. 在HTML页面中选择要用一个DIV或SPAN标记封闭的元素。

   注意 既可以在绘图表面上，也可以在树形视图中突出显示该元素。

2. 单击“在选项首尾加 <DIV>…</DIV> 标记”工具栏图标来添加一个DIV标记，或单击“在选项首尾加 <SPAN>…</SPAN> 标记”工具栏图标来添加一个SPAN标记。

   Visual Basic 在选择区域前后插入开始和结束标记。

3. 如果想对DIV或SPAN的元素编程，通过在树形窗格中选择元素后对每一个元素添加一个唯一的ID，然后在“属性”窗口中设置它的ID属性。

详细信息 关于DIV和SPAN标记的详细信息，请参阅在http://www.w3.org中的W3C文档。