HTML:<span>的目的究竟是什么?</span>

时间:2012-01-26 11:20:25

标签: html

我已经阅读了很多关于&lt;的实际目的的解释。 span&gt;标签是,我试图将这些解释合并到实际应用程序中,但每次都失败了。

有一个人告诉我,将类应用于它下面的子标签,除了它不对元素应用尺寸外,它会做一些工作,除非你搞乱了显示和/或内联设置,可以完全搞砸布局。

然后有人告诉我它可以替代&lt; div> tag,由于浮点数或“margin:auto”类型属性不起作用,因为它们不起作用,除非包含在某些类型的元素中。

然后其他人告诉我它被用作文本容器,这不起作用,因为“text-align”属性不再起作用,除非包含在某些类型的元素中。默认属性已清除&lt; p>根据我的经验,标签更适合。

那究竟是什么意思呢?为什么有这么多人使用它们&lt; div>似乎做了他们显然有能力做的所有事情?

2 个答案:

答案 0 :(得分:16)

From Official Docs:

  

DIV和SPAN元素,与id和class一起使用   属性,提供用于添加结构的通用机制   文档。这些元素将内容定义为内联(SPAN)或   块级(DIV),但没有其他表现的成语   内容。因此,作者可以结合使用这些元素   样式表,lang属性等。,将HTML定制为自己的   需要和品味。

正如它所说,您可以使用<span>标记结构(内联)页面的各个部分以及样式,您可以选择通过ID传递,类或样式表。

<span>代码的特征:

  • 默认显示为inline,表示:
    • 您无法将width应用于
    • 您无法将height应用于
    • 您可以使用display:blockdiv服务于同一目的)使其成为块级别。

<div>标记与此相反,您可以将上述规则应用于此标记。

答案 1 :(得分:1)

当文本位于<span>元素中时,您可以为内容添加样式或操作内容。