HTML:什么是<;span>';你的目的是什么?

HTML:什么是<;span>';你的目的是什么?,html,Html,我已经阅读了很多关于标记的实际用途的解释,我试图将这些解释应用到实际应用中,但每次都失败了 一个人告诉我,它是将类应用于它下面的子标记,这是一种工作,只是它不将尺寸应用于元素,除非你弄乱了显示和/或内联设置,这会完全破坏布局 后来有人告诉我,它是用来替代标记的,因为float或“margin:auto”类型的属性不起作用,除非包含在某些类型的元素中 后来有人告诉我,它被用作文本容器,这不起作用,因为“text align”属性也不起作用,除非包含在某些类型的元素中。根据我的经验,默认属性clea

我已经阅读了很多关于标记的实际用途的解释,我试图将这些解释应用到实际应用中,但每次都失败了

一个人告诉我,它是将类应用于它下面的子标记,这是一种工作,只是它不将尺寸应用于元素,除非你弄乱了显示和/或内联设置,这会完全破坏布局

后来有人告诉我,它是用来替代
标记的,因为float或“margin:auto”类型的属性不起作用,除非包含在某些类型的元素中

后来有人告诉我,它被用作文本容器,这不起作用,因为“text align”属性也不起作用,除非包含在某些类型的元素中。根据我的经验,默认属性cleared标记更合适

那么,它们到底有什么意义呢?当
似乎在做他们显然有能力做的每件事时,为什么有那么多人在使用它们?

DIV和SPAN元素,以及id和class 属性,提供一种通用机制,用于将结构添加到 文件。这些元素将内容定义为内联(SPAN)或 块级别(DIV),但不在 内容。因此,作者可以将这些元素与 样式表、lang属性等,以根据自己的需要定制HTML 需求和品味

正如它所说的,您可以使用
标记来构造(内联)页面的各个部分以及样式,您可以选择通过id、类或样式表传递这些样式

标签的特征:

  • 默认情况下,其显示为
    inline
    ,这意味着:
    • 您不能对其应用
      宽度
    • 您不能对其应用
      高度
    • 您也可以使用
      display:block
      div
      也有同样的用途)

标记与此相反,您可以对其应用上述规则。

它是一个内联元素,没有附加语义,可用于包装某些内联内容

  • JavaScript的应用(例如事件处理程序或在DOM中移动)
  • CSS的应用
  • lang
    属性一起使用
  • 通过自定义工具进行处理
…当不存在具有更合适语义的元素时

浮动或“margin:auto”类型的属性不起作用,除非包含在某些类型的元素中

它们的工作(或其他)主要基于
显示
值,而不是元素类型

似乎做了他们显然能做的所有事情,甚至更多的事情时,为什么有这么多人在使用它们

div与跨距相同,不同之处在于:

  • 可以包含块元素
  • 不能由内联元素(或只能包含内联内容的任何其他元素,如
    )包含(无法承受错误恢复)
  • 默认情况下是
    display:block
    (而不是
    inline

当文本位于
元素中时,您可以向内容添加样式,或操纵内容。

背景,并且由于它是“默认”的,所以其他项目符号仅在您更改之前适用。显示:块只是将其渲染为块级元素,而不会将其转换为块级元素(这很重要,因为你没有改变它允许包含的元素。)@Quentin:同意,这就是为什么我添加了
div的目的是一样的
,但在我有限的经验中,你所要做的就是对div应用一个“float:left;”,然后它就变成了内联的了?但正如你所说的,你可以直接应用它“display:block;”并且它与div的用途相同。看起来它们只是做同样的事情,这是个人的偏好。@BenHooper:使用提供的标记,而不是转换它们:)此外,左浮动不会使元素内联(例如,您可以应用宽度,等等:)似乎您可以将属性/属性应用于任一标记,使它们更像另一个。那么,这两个标记中是否有赢家?一个比另一个更适合?@BenHooper是的!
如果您需要块,肯定更适合如果您需要内联元素,.
显然是赢家。句号。您和Sarfraz都给出了很好的答案,但我给了他正确的答案,因为他的分数比您低得多,所以我认为这会更公平。无论如何,谢谢!:)