web中div的用法

` 是 HTML 中最基础且最常用的容器元素，主要用于布局和样式控制。以下是它的核心用法和注意事项：

1. 基础用法

容器作用：用于组合其他 HTML 元素（文本、图片、其他 div 等）。

html

2. 布局核心

配合 CSS：通过 CSS 实现页面布局（如 Flexbox 或 Grid）。

html

css

container { display: flex; }

sidebar { width: 200px; }

main-content { flex: 1; }

3. 常见场景

响应式布局：通过媒体查询适配不同屏幕。

样式隔离：为特定区域统一设置背景、边距等。

html

css

featured-section {

background: f0f0f0;

padding: 20px;

margin: 10px 0;

4. 与语义化标签对比

`

` 的局限：无语义，仅用作通用容器。

优先使用语义标签：

`

`：页眉

`

`

`：独立内容

`

`：文档中的节

`

5. 最佳实践

避免过度嵌套：减少无意义的层级，提升性能。

结合 ARIA：为辅助技术提供上下文。

html

总结

`