的目的是什么?
<span></span>
元素?我们应该在哪里使用它?
答案 0 :(得分:29)
来自here:
定义和用法
标签不提供视觉效果 自己改变。
标签提供了一种添加方式 钩住文本的一部分或部分文本 一份文件。
当文本被连接在一个范围内时 你可以添加样式的元素 内容,或操纵内容 例如JavaScript。
所以,简短的版本是,它是为一些文本设置样式(没有与&lt; div&gt;标记不同的段落或换行符)
答案 1 :(得分:7)
用于分组HTML元素和内容以应用为HTML 4.0定义的结构 http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.4:
DIV和SPAN元素 与id和class结合 属性,提供通用机制 用于向文档添加结构。 这些元素定义了内容 内联(SPAN)或块级(DIV)但是 没有其他的表述习语 关于内容。因此,作者可以使用 这些元素与 样式表,lang属性, 等,为自己定制HTML 需要和品味。
继续举例说明用法。
答案 2 :(得分:6)
这只是一种逻辑方式将子元素组合在一起的方法。您也可以在此级别应用样式等,这将会级联。
看一下深入的wikipedia article。
答案 3 :(得分:4)
Span对文档没有结构意义(例如,h1),但是当其他任何内联容器都不合适时,可以用作容器。例如,如果您需要将一些CSS应用于其他文本中的一小部分文本,您将使用跨度。
答案 4 :(得分:4)
span标记只是告诉浏览器应用跨度中包含的样式更改,如果跨度内没有样式,则不会对所附文本应用任何格式。这与div标签略有不同,即使div中没有样式选项,也包含段落中断。
因此,当您想要将样式应用于元素而不将它们放在单独的块中时,它非常有用。
欢呼声
答案 5 :(得分:4)
除了样式/分组/脚本之外,跨度还可以为文本位提供实际功能和/或含义。考虑这些:
<p>This <span title="Punk IPA">beer</span> tastes good.</p>
<p>Come on, <span lang="kr">여보</span>!`</p>
<p>Hello <span contenteditable="true">Wordl</span>!?</p>
dir,translate或spellcheck属性不仅适用于CSS或JS,还可以单独使用!
答案 6 :(得分:1)
它只是javascript或css的占位符。
如果你不使用javascript / css,对你没用。