什么是＆＃34; div标签＆＃34;？ （请用例子说明）

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>

<强>结果       

此处有任何内容。例如＆lt; p＆gt;，＆lt; table＆gt;。你说出来的名字！

    

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 btw。尝试MDN Learn CSS | MDN

Answer 2

div标记是指定div元素的HTML代码。例如：

<div>content</div>

可能很难理解div元素的作用的原因是因为它尽可能少。 div名称代表除法，它只是一个可用于放置文本或其他元素的容器。您当然可以将样式添加到div元素，如边框和背景，但元素仍然只是“look”，没有特殊功能，例如input元素。您也可以像大多数元素一样向其添加点击处理程序等事件，但默认情况下它不会对任何事件做出反应。

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

HTML5添加了一些元素，例如header，footer和section，它们与div元素类似，只是为了更具体的目的。

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