解释<div>标签对于非程序员</div>的含义

时间:2012-12-25 02:40:45

标签: html markup

所以我的兄弟是假期的家,他正在努力学习HTML&amp;的JavaScript。我已经取得了一些成功,向他解释了许多与此相关的概念。大多数标签都非常自我解释,但我一直在努力描述 div 标签。

老实说,我从来没有真正得到过很好的描述,只是通过我知道什么时候使用它的经验。

一个好的答案不需要包含“块元素”的定义或任何其他技术术语,尽管您可以假设某些HTML标记的一些基本知识

8 个答案:

答案 0 :(得分:11)

出于某种原因,围绕<div> </div>标签的目的或逻辑对我来说是有意义的,因为布夹,以及原因是:

  • 布料片段通常或几乎总是应用两个 每种布料。 (<div> </div>)
  • 没有对方就无法工作,否则布会掉下来。 例如: <div> 单独无效。
  • 他们的目的是,他们可以保存一段代码 ex (a 在这种情况下布料
  • 并控制给定对象的结构,空间,宽度,布局 根据你的愿望。

enter image description here

答案 1 :(得分:4)

  

标签只不过是一个封装的容器单元   其他页面元素并将HTML文档分成几个部分。卷筒纸   开发人员使用元素将HTML元素组合在一起   一次将CSS样式应用于多个元素。例如,通过包装   将段落元素集合成一个元素,开发人员可以采取   CSS样式的优点,并将字体同时应用于所有段落   将字体样式应用于标记而不是对其进行编码   每个段落元素的样式。

取自http://www.tizag.com/htmlT/htmldiv.php

我认为老实说维基百科证明了一个非常简单的解释。

en.wikipedia.org/wiki/Div_tag

答案 2 :(得分:3)

我认为W3's specs非常平易近人:

  

div元素根本没有特殊含义。它代表了它   儿童。它可以与class,lang和title属性一起使用   标记一组连续元素共有的语义。

     

注意:强烈建议作者将div元素视为最后的元素,因为没有其他元素是合适的。用于   更合适的元素而不是div元素会带来更好的结果   读者的可访问性和作者的易维护性。

答案 3 :(得分:2)

这是一个桶。你可以在里面放任何你想要的东西。

答案 4 :(得分:2)

你说你已经解释了<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>

答案 5 :(得分:1)

我对div标签的定义:用于组织的内容分离,易于访问和样式化(CSS)。

告诉他,它基本上用作其余代码的分区( div -ision)。正如Waleed Khan在上面的评论中所说,他理解CSS,他会更好地理解,因为在造型时会使用很多。

正如你所说,这很难解释。你只是学习如何使用它。我会:

  • 向他展示一些如何使造型更容易的例子。
  • 使用标签向他展示正在运行的网页。
  • 让他尝试独自做一些事情,向他展示标签通常是如何在彼此内部构建的。

答案 6 :(得分:1)

<div></div>标记及其中的标记由一个组组成,通过换行与其他组分开。该组可能有自己的名称或ID,以便在其上应用某些样式。

答案 7 :(得分:0)

<div>标记会启动div元素。