如何在HTML中使用<div>标签？

Question

我发现使用它非常困难，因为我不知道它究竟做了什么。你能举一个例子教我吗？

Answer 1

Div几乎什么也没做。它是一个通用的块元素。它没有相关的语义。除浏览器样式表中的某些基本规则外，它没有默认行为。

Div是最后的手段。当没有一个具有语义的元素描述你正在标记的内容但你仍然需要对一些内容进行分组或者有一些东西要应用CSS或JS时，你会使用它。

很难给出一个如何使用div的实际例子，因为它具有非常广泛的用途。

Answer 2

来自W3Schools定义。

标签定义了一个部门或类型的＆＃34;部分＆＃34;在HTML文档中。

该标记用于对块元素进行分组，以使用CSS格式化它们。

来自MDN docs

HTML元素是流内容的通用容器，并不固有地表示任何内容。使用它来分组元素，例如样式（使用class或id属性），使用不同语言标记文档的一部分（使用lang属性），等等。

来自article值得看的

简答

div-tag（或元素），除法的缩写。内容块的通用容器，例如图像和文本段落。可以通过id唯一标识以挂钩到CSS样式表。 长答案

div是'division'的缩写，是一个HTML标记（也称为元素）。用于在网页上的内容组周围创建容器，通常会给它一个唯一的ID，以区别于同一页面上的其他div元素。

在链接中，您可以看到其使用的一些示例。

答案 2 :(得分：-1)

因为HTML5中有“section”元素，所以不需要像以前一样使用“div”元素，但仍然有很多网站将div用作不同的section容器。 / p>

According to MDN：

HTML“div”元素是流内容的通用容器，并不固有地表示任何内容。使用它来分组元素，例如样式（使用class或id属性），使用不同语言标记文档的一部分（使用lang属性），等等。

这实际上意味着它有点无用，因为有新的“section”元素，但在某些情况下你可以用它来包装一个类或id中的一些元素。很难带上示例，但它可能是博客页面上的个人资料信息（图片，名称，生物等），购物网站中的项目分组在div（可能包含图片，项目名称，描述，“添加到购物车“按钮等”等。

Answer 3

因为HTML5中有“section”元素，所以不需要像以前一样使用“div”元素，但仍然有很多网站将div用作不同的section容器。 / p>

According to MDN：

HTML“div”元素是流内容的通用容器，并不固有地表示任何内容。使用它来分组元素，例如样式（使用class或id属性），使用不同语言标记文档的一部分（使用lang属性），等等。

这实际上意味着它有点无用，因为有新的“section”元素，但在某些情况下你可以用它来包装一个类或id中的一些元素。很难带上示例，但它可能是博客页面上的个人资料信息（图片，名称，生物等），购物网站中的项目分组在div（可能包含图片，项目名称，描述，“添加到购物车“按钮等”等。