何时使用<span>而不是<p>?
正如问题所指出的那样,如果我在HTML中添加了一些文本,那么何时应该使用<p>
,何时应该使用<span>
?
您应该记住,HTML旨在描述它包含的内容。
所以如果你想传达一个段落,那么这样做。
你的比较是不完全正确的。 更直接的比较是“什么时候使用div而不是ap?” 因为两者都是块级元素。
一个跨度是内联的,就像一个锚点,强大的,强调等,所以要记住,由于它是默认的性质,在html和自然写作,一个段落将导致自己之前和之后的rest,像一个div。
有时在devise事物的时候 – 内联事物 – 跨度是非常棒的,可以给你一些东西来“钩”CSS,但是否则它是一个没有语义或文体意义的空标签。
在语义上,您可以使用<p>
标签来表示段落。 <span>
用于将CSS样式和/或类应用于文本和内联元素的任意部分。
<p>
标记是一个p
aragraph,因此它是一个块元素(例如, h1
和div
),而span
是一个内联元素(例如, b
和a
)
块元素默认在它们自身的上下创build一些空白,除非你为它们设置一个float
属性,否则任何东西都不能在它们旁边alignment。
内联元素处理段落内的文本跨度。 它们通常没有边距,因此,例如,不能为其设置width
。
从语义上讲,ap是段落标签,应该用来格式化一段文字。 跨度是内联格式的变化,不是语义上处理的。
跨度是完全非语义的。 它没有意义,只是作为美容效果的元素。
段落具有语义意义 – 它们告诉机器(如浏览器或屏幕阅读器),它们封装的内容是一个文本块,并且与书中的一段文本具有相同的含义。
一个实际的解释:默认情况下, <p> </p>
会在封闭的文本之前和之后添加换行符(所以它会创build一个段落)。 <span>
不这样做,这就是为什么它被称为内联 。
当我们使用普通文本的时候,我们需要<p>
标签。当我们在使用普通文本时有一些效果,那么我们需要<span>
标签
p标签表示一个段落元素。 它有margin / padding应用于它。 跨度是一个无格式的行内标签。 一个重要的区别是,当span为内联时,p是一个块元素,这意味着当<span>Hi</span><span>There</span>
时, <span>Hi</span><span>There</span>
<p>Hi</p><p>There</p>
会出现在不同的行上。 <span>Hi</span><span>There</span>
并排卷起。
<span>是embedded式标签,<p>是块标签,用于段落。 浏览器将在段落下方呈现空行,而<span> s将在同一行上呈现。
p { float: left; margin: 0; }
没有间距会在周围,它看起来类似于跨度。