何时使用<span>代替<p>?

Aff*_*far 76 html

正如问题所示,如果我想在HTML中添加一些文本,那么我<p>何时应该使用<span>?何时应该使用?

cle*_*tus 86

在语义上,您使用<p>标记来指示段落.<span>用于将CSS样式和/或类应用于文本和内联元素的任意部分.


Mes*_*ssy 73

您应该记住,HTML旨在描述它包含的内容.

所以,如果你想传达一个段落,那么就这样做.

但是,你的比较并不完全正确.比较直接的比较

何时使用<div>而不是<p>

因为两者都是块级元素.

A <span>是内联的,很像一个锚(<a>),<strong>强调(<em>)等,所以请记住,通过它在html和自然写作中的默认性质,一个段落会在它自身之前和之后引起中断,就像一个<div>.

有时,在设计事物时 - 内联事物 - <span>很高兴给你一些东西来"钩住"css,但它却是一个没有语义或风格意义的空标签.

  • 在比较内联元素和块元素时,请注意不要描述视觉方面.正如[HTML5规范](http://dev.w3.org/html5/spec/the-p-element.html#the-p-element)所说,`p`可能不一定用周围的换行符设置样式例如,它可以跟随内联[pilcrow](http://en.wikipedia.org/wiki/Pilcrow)符号.术语"内联"和"阻止"对盲人用户也没有任何意义.相反,区分**流量内容**和**措辞内容**(参见[this link](http://dev.w3.org/html5/spec/content-models.html)). (7认同)
  • 另外,padding-left在'p`上的行为与在`span`上的行为不同.在段落上,填充会影响每一行(文本块),而在跨度上它只影响第一行. (3认同)

Dav*_*und 11

<p>标签是paragraph,正因为如此,它是一个元素(如,例如,h1div),而span是内嵌元素(如,例如,ba)

默认情况下,块元素会在其上方和下方创建一些空白,除非您float为它们设置属性,否则不能在它们旁边对齐任何内容.

内联元素处理段落内的文本跨度.它们通常没有边距,因此,您不能,例如,设置width它.


小智 8

Span 是完全非语义的。它没有任何意义,仅用作装饰效果的元素。

段落具有语义含义——它们告诉机器(如浏览器或屏幕阅读器)它们封装的内容是一段文本,与书中的一段文本具有相同的含义。


sta*_*son 6

p 标签表示段落元素。它应用了边距/填充。Span 是一个无样式的内联标签。一个重要的区别是,当 span 是内联时,p 是一个块元素,这意味着当并排缠绕时,它<p>Hi</p><p>There</p>会出现在不同的行上。<span>Hi</span><span>There</span>


Mat*_*ogg 5

从语义上讲,ap 是一个段落标记,应该用于格式化一段文本。跨度是一种不按语义处理的内联格式更改。


Fel*_*ing 5

实用的解释:默认情况下,<p> </p>将在所包含的文本之前和之后添加换行符(因此它会创建一个段落)。<span>不这样做,这就是为什么它被称为inline


Dav*_*ass 5

跨度是一种内联格式元素,其上方或下方没有换行符。

p 是一个块元素,它的上方和下方都有一个隐含的换行符。

http://w3schools.com/tags/default.asp


Ric*_*d H 5

<span>是内联标签,a<p>是块标签,用于段落。浏览器将在段落下方呈现一个空行,而<span>s 将在同一行上呈现。