什么是“div 标签”？ （请举例说明）[关闭]

Question

好吧，

这可能不是最好的问题，但我是编程新手（我 12 岁） 我想我已经基本掌握了 HTML 和 CSS，并且我已经转向了 JavaScript。 但我不明白“div 标签”和它们的作用。你能给我解释一下吗？ :) 谢谢

Answer 1

HTML <div> 元素（或 HTML 文档划分元素）是流内容的通用容器，它本身并不代表任何东西。它可用于对元素进行分组以进行样式化（使用 class 或 id 属性），或者因为它们共享属性值，例如 lang。只有在没有其他语义元素（例如<article> 或<nav>）合适时才应使用它。

示例

<div>
  <p>Any kind of content here. Such as &lt;p&gt;, &lt;table&gt;. You name it!</p>
</div>

结果

任何类型的内容都在这里。如

、

。你的名字！

DIV - MDN

对于 javascript，它是一个 HTML 元素，它可以像任何其他 html 元素一样被操作，除了表单元素。 HTMLElement - MDN

对于每个 HTML 元素，您都有浏览器默认样式，例如 <b> 和 <strong> 标签，它们的默认样式是粗体文本或 font-weight: bold。而<div> 默认样式是display: block 这只是意味着每个 div 元素之前和之后都有一个换行符，当然你知道你可以使用 CSS 更改该元素的默认样式

有关如何更改默认样式的示例。这会将每个 <div> 元素的文本颜色更改为红色

 div {
  // change default styling here
  color: red;
 }

看起来你也需要一些 CSS 引用，顺便说一句，不要使用 w3school。试试 MDN Learn CSS | MDN

【讨论】：

• 好的，谢谢，但是你可以这样做吗？：

  Hi

  和

  就像

  有点像.. .

• 做什么？更改默认样式？
• 是的，改变默认样式
• 是的，你可以在 div 元素中放置任何东西，我会将该语句更改为，<p> 就像<div> 一样工作。 html 标签的真正区别在于默认样式以及网络爬虫如何解释标签内的内容。像 h1 比 h6 标签更重要或更重要
• 哦，我用的是 W3schools.com，我认为它很好，但显然它没有提供很多参考。我会试试MDN！谢谢！

Answer 2

div 标记是用于指定 div 元素的 HTML 代码。示例：

<div>content</div>

可能很难理解div 元素的作用是因为它的作用越小越好。 div这个名字代表除法，它只是一个容器，可以用来放文本或其他元素。当然你可以给div元素添加样式，比如边框和背景，但元素仍然只是“看起来"，没有特殊功能，例如input 元素。您还可以像大多数元素一样向其添加点击处理程序等事件，但默认情况下它不会对任何事件做出反应。

有两个这样的简约元素，div 元素和span 元素。 div 元素是块元素，span 元素是内联元素。如果您将它们添加到标记中而不以任何方式对其进行样式设置，则 div 元素仅通过它作为块元素如何影响其他元素可见，而 span 元素根本不可见。

HTML5 添加了更多元素，例如 header、footer 和 section，它们与 div 元素相似，只是用于更具体的用途。

虽然div 元素一开始可能看起来毫无用处，但实际上它被大量使用。由于它的中性默认设置，它在与样式和事件一起使用时非常有用，因为它可以采用任何形式和功能。