所以我的兄弟假期在家,他正在尝试学习 HTML 和 Javascript。我已经成功地向他解释了许多与此相关的概念。大多数标签都是不言自明的,但我一直在努力描述一个div标签。
老实说,我从来没有真正对自己有一个好的描述,只是通过我知道什么时候使用的经验。
一个好的答案不需要包含“块元素”的定义或任何其他技术术语,尽管您可以假设一些 HTML 标签的基本知识
出于某种原因,标签周围的目的或逻辑<div> </div>
对我来说是有意义的,因为我看着布夹,原因是:
(<div> </div>)
<div>
一个人是行不通的。标签只不过是一个容器单元,它封装了其他页面元素,并将 HTML 文档划分为多个部分。Web 开发人员使用元素将 HTML 元素组合在一起,并同时将 CSS 样式应用于许多元素。例如,通过将一组段落元素包装到一个元素中,开发人员可以利用 CSS 样式并通过将字体样式应用于标记而不是为每个段落元素编写相同的样式来一次将字体应用于所有段落。
取自http://www.tizag.com/htmlT/htmldiv.php
我认为老实说维基百科证明了一个非常简单的解释。
en.wikipedia.org/wiki/Div_tag
我认为W3 的规格非常平易近人:
div 元素根本没有特殊含义。它代表它的孩子。它可以与 class、lang 和 title 属性一起使用,以标记一组连续元素共有的语义。
注意:强烈建议作者将 div 元素视为不得已的元素,因为当没有其他元素适合时。使用更合适的元素而不是 div 元素可以提高读者的可访问性和作者的可维护性。
这是一个桶。你几乎可以把任何你想要的东西放进去。
你说你已经解释了<body>
标签。标签类似,<div>
仅适用于<body>
. 您可以使用它来创建一个部门 - 正如标签名称所说。
<body title="document">
<h2 title="headline">Headline</h2>
<div title="first-division">
<p>
First Paragraph...
</p>
<p>
Second Paragraph...
</p>
<p>
Third Paragraph...
</p>
</div>
<hr />
<address>+18 27 16 55 83 22 12</address>
</body>
我对 div 标签的定义:用于组织、易于访问和易于样式化 (CSS) 的内容分离。
只是告诉他它基本上用作其余代码的除法(div -ision)。正如 Waleed Khan 在上面的评论中所说,如果他了解 CSS,他会更好地理解 CSS,因为在样式设计中经常使用。
正如你所说,这很难解释。您只需学习如何使用它。我会:
<div>
和标签及其内部的</div>
标签组成一个组,通过换行与其他组分隔。该组可能有自己的名称或 ID,以便在其上应用一些样式。
<div>
标签开始一个div
元素。