4

Okay so,

This might not be the best question but I am new to programming (I'm 12) I think I've pretty much gotten down HTML and CSS, and I've moved into JavaScript. But I do not understand "div tags" and what they do. Can you please explain this to me? :) Thanks

4

2 回答 2

7

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>

结果

任何类型的内容都在这里。如<p>、<table>。你的名字！

DIV-MDN

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

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

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

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

看起来你也需要一些 CSS 参考，顺便说一句，不要使用 w3school。试试 MDN学习 CSS | MDN

于 2013-10-27T18:04:57.740 回答
2

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

<div>content</div>

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

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

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

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

于 2013-10-27T18:20:14.647 回答