HTML | Div 标签

HTML中的<div>标签是用于将HTML文档分成若干个独立的容器，通过id或class属性来进行样式和脚本的控制。

语法

<div id="someID" class="someClass"> Content </div>

• id: 唯一标识符，可以用CSS或JS访问
• class: 样式类名，可以在CSS中进行控制
• Content: 呈现在标签内的内容，可以包含其他HTML元素

用途

<div>标签是HTML中的一个重要标签，常用于以下场景：

1. 对页面进行布局： 通过嵌套<div>标签，可以对页面进行细粒度的布局。

2. 组织内容： 通过使用<div>标签将内容按逻辑划分，实现内容的组织，再通过CSS样式进行排版。

3. JavaScript操作： id属性可以使JavaScript代码轻松获取DOM元素。

示例

以下是一个<div>嵌套的示例：

<div class="container">
  <div class="header">Header</div>
  <div class="content">
    <div class="left">Left Column</div>
    <div class="right">Right Column</div>
  </div>
  <div class="footer">Footer</div>
</div>

以上代码将HTML文档分成了若干容器，其中每个容器都可以被单独的CSS进行样式控制，从而实现复杂的页面布局。