创建通用容器

标签

div、span

作用

创建通用容器，从而配合ID或class可以为其应用CSS样式或JavaScript效果

div

作用

可定义文档中的分区或节，此标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。 可以搭配id或class来标记div

归属

• 块级元素
• 双标签

语法

html
<div>...</div>

span

作用

用来包裹文档中的行内元素

归属

• 内联元素
• 双标签

语法

html
<span>...</span>

为元素指定类别或ID名称

说明

可以给HTML元素分配唯一的标识符（ID），或指定其属于某个或某几个类别，也可以同时指定标识符和类别。方便对具有ID或class名称的元素添加样式

语法

ID或class都是在元素开始标签中添加

• ID

html
<div id="login">...</div>

• class

html
<div class="register">...</div>

注意点

1. id的值可以是任何字符，但不可以数字开头且不包含空格
2. 需要指定多个类别时，class的值只需要使用空格隔开即可
3. 一个页面里不能出现两个具有相同id的元素，并且每个元素只能有一个id。相同的id可以出现在不同的页面中
4. 一个class可以分配给页面中任意数量的元素
5. 在class和id命名中，一般使用短横线分隔多个单词