html div标签什么意思-html教程-PHP中文网

html div标签什么意思

青灯夜游

发布： 2021-04-25 14:59:00

原创

22791人浏览过

在html中，div的意思为“分区”，是一个区隔标签，用于定义文档中的分区，可以把文档分割为独立的、不同的部分。div元素是用来为HTML文档内大块的内容提供结构和背景的元素；DIV起始和结束标签之间的所有内容都是用来构成这个块的。

html div标签什么意思

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

DIV标签，称为区隔标记，可定义文档中的分区或节（division/section），可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

作用是设定字、画、表格等的摆放位置。

当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。

立即学习“前端免费学习笔记（深入）”；

DIV元素，是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

用法

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

boardmix博思白板

boardmix博思白板，一个点燃团队协作和激发创意的空间，集aigc，一键PPT，思维导图，笔记文档多种创意表达能力于一体，将团队工作效率提升到新的层次。

查看详情

不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。

可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

示例：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<p>这是一些文本。</p>

<div style="color:#0000FF">
  <h3>这是一个在 div 元素中的标题。</h3>
  <p>这是一个在 div 元素中的文本。</p>
</div>

<p>这是一些文本。</p>

</body>
</html>

登录后复制

效果图：