【2024】前端学习笔记6-容器标签div
在 HTML 中，<div>是一个块级元素，全称为 “division（分区）”。它是一个通用的容器元素，本身没有特定的语义含义。
作用：
布局划分：
用于将HTML文档划分为不同的逻辑部分 。
例如，在构建网页布局时，可以使用<div>元素将页面的头部、导航栏、主体内容、侧边栏和页脚等不同区域划分开来。
样式应用：
作为样式的容器，方便通过 CSS 对其内部包含的元素统一设置样式。可以给<div>元素设置类名（class）或者 ID，然后在 CSS 中定义对应的样式规则。
脚本操作：
在 JavaScript 中，可以方便地获取<div>元素并对其进行操作，如修改其内容、显示 / 隐藏、添加或删除子元素等。
使用：
最简单的使用：
示例：
<body>
<div>
<p>这是一个段落。</p>
<p>这也是一个段落。</p>
</div>
</body>
展示效果：
把div作为一个简单容器，把两个段落包在一个容器内。
布局：
示例：
<body>
<div style="width: 40%; float: left;">
<p>这是一段左边的内容！</p>
</div>
<div style="width: 40%; float: right;">
<p>这是一段右边的内容！</p>
</div>
</body>
展示效果：
使用div进行页面布局，实现左右分栏效果。