问答详情
源自:7-3 瞧瞧css的庐山真面目吧 - CSS代码语法

p和span有什么区别啊

觉得好像之前说要用span 现在又用p  不是很懂希望能有人帮忙解释一下

提问者:青玉糖 2016-07-28 15:15

个回答

  • 慕九州1379337
    2016-07-28 15:22:08
    已采纳

    P标签是个块级标签,Span是个行级标签。

    语意上,通常p用来表达完整的一句话,而span用来表示一个片段。span是比p小一级的标签。


    举个例子,

    <p>觉得好像之前说要用span 现在又用p  不是很懂希望能有人帮忙<span>解释</span>一下</p>

    然后可以通过控制span的css样式,让这个词有不同的显示效果。

  • 我真的一点也帅不
    2016-07-28 15:54:39

    p标签是一个块元素,块元素它会独占一行,它可以设置宽度和高度,不会受内容的影响而改变。而span标签呢是行元素,行元素不能直接设置它的宽带和高度,它会随着内容撑开宽带和高度。

    语义上来说呢,p表示一个段落,也就是我们读书的时候写作文的那个段落是一个意思。而span没有任何语义,只是单纯的想给这儿加个标签然后用css等来控制它的样式。语义又有什么用呢?语义化最常用、最大的作用应该就是seo(搜索引擎)优化,方便搜索引擎给你的网站更高的权重(这里不对SEO优化做过多的解释,涉及范围太广,感兴趣的朋友可以去研究学习下)。语义化还有另外一个不是很常用的作用就是方便阅读器更好的了解你的网页,比如盲人阅读器,语义化就能帮助他更好的理解你的网站信息。

    新手粗略理解,如有错误请指教,谢谢!

  • 慕村4582537
    2016-07-28 15:33:21

    <p>是可以是一个段落,长句子。而span是你想把某样东西单独出来时候可以用,span一般单独出来是一个词或者字,span也是他代表的词或者字在P里面的特殊性,有时我们通过span就可以达到只修改span里的词而不修改整个句子。你也可以多看看列子。如:

    <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

            <p>到了三年级下学期时,我们班上了一节<span>公开课</span>,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

    我们就可以把胆小如鼠进行修改,改大小,改颜色,加链接等等,而不是把整个句子都改了。也可以通过修改整个p里面的句子,通过span让句子中某些词保持不变。

  • 慕标2475242
    2016-07-28 15:29:01

    看到p就是段落,如果有个别需要特殊的处理这个时候要用span

  • 小马娟儿
    2016-07-28 15:27:47

    <1>p标签是指一个段落,而且默认是一个块级元素,span是一个行内元素的代表,没有什么意思,一般可以放文字等行内元素

    <2>span标签可以放在p标签中,但是p标签不可以放在p标签内:

    如<p>小红很可爱</p>   如果想把可爱的字体改为红色    <p>小红很<span class="stress">可爱</span></p>

  • 烟火10
    2016-07-28 15:26:06

    再把结构强调一下,<p>标签内可以插入<span>再分行文字</span>后面的内容</p>。

    但是<span>标签内可以插入<p>再分行文字<p>后面的内容</span>就不行了

  • YanshanHu
    2016-07-28 15:23:44

    p就是段落,span是用来标记行中的某些字或者其它元素,span没有设置css样式时候是看不出来的。比方我们要在一个段落中强调某些词语,就可以用span进行标记,然后用css统一设置。多写几个代码自己试试体会下就明白了~