課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
覺得好像之前說要用span 現(xiàn)在又用p ?不是很懂希望能有人幫忙解釋一下
2016-07-28
源自:初識HTML(5)+CSS(3)-升級版 7-3
正在回答
P標(biāo)簽是個塊級標(biāo)簽,Span是個行級標(biāo)簽。
語意上,通常p用來表達(dá)完整的一句話,而span用來表示一個片段。span是比p小一級的標(biāo)簽。
舉個例子,
<p>覺得好像之前說要用span 現(xiàn)在又用p ?不是很懂希望能有人幫忙<span>解釋</span>一下</p>
然后可以通過控制span的css樣式,讓這個詞有不同的顯示效果。
YanshanHu
慕九州1379337 回復(fù) YanshanHu
青玉糖 提問者
p標(biāo)簽是一個塊元素,塊元素它會獨占一行,它可以設(shè)置寬度和高度,不會受內(nèi)容的影響而改變。而span標(biāo)簽?zāi)厥切性?,行元素不能直接設(shè)置它的寬帶和高度,它會隨著內(nèi)容撐開寬帶和高度。
語義上來說呢,p表示一個段落,也就是我們讀書的時候?qū)懽魑牡哪莻€段落是一個意思。而span沒有任何語義,只是單純的想給這兒加個標(biāo)簽然后用css等來控制它的樣式。語義又有什么用呢?語義化最常用、最大的作用應(yīng)該就是seo(搜索引擎)優(yōu)化,方便搜索引擎給你的網(wǎng)站更高的權(quán)重(這里不對SEO優(yōu)化做過多的解釋,涉及范圍太廣,感興趣的朋友可以去研究學(xué)習(xí)下)。語義化還有另外一個不是很常用的作用就是方便閱讀器更好的了解你的網(wǎng)頁,比如盲人閱讀器,語義化就能幫助他更好的理解你的網(wǎng)站信息。
新手粗略理解,如有錯誤請指教,謝謝!
<p>是可以是一個段落,長句子。而span是你想把某樣?xùn)|西單獨出來時候可以用,span一般單獨出來是一個詞或者字,span也是他代表的詞或者字在P里面的特殊性,有時我們通過span就可以達(dá)到只修改span里的詞而不修改整個句子。你也可以多看看列子。如:
<p>三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
? ? ? ? <p>到了三年級下學(xué)期時,我們班上了一節(jié)<span>公開課</span>,老師提出了一個很簡單的問題,班里很多同學(xué)都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
我們就可以把膽小如鼠進(jìn)行修改,改大小,改顏色,加鏈接等等,而不是把整個句子都改了。也可以通過修改整個p里面的句子,通過span讓句子中某些詞保持不變。
看到p就是段落,如果有個別需要特殊的處理這個時候要用span
<1>p標(biāo)簽是指一個段落,而且默認(rèn)是一個塊級元素,span是一個行內(nèi)元素的代表,沒有什么意思,一般可以放文字等行內(nèi)元素
<2>span標(biāo)簽可以放在p標(biāo)簽中,但是p標(biāo)簽不可以放在p標(biāo)簽內(nèi):
如<p>小紅很可愛</p>?? 如果想把可愛的字體改為紅色??? <p>小紅很<span class="stress">可愛</span></p>
再把結(jié)構(gòu)強調(diào)一下,<p>標(biāo)簽內(nèi)可以插入<span>再分行文字</span>后面的內(nèi)容</p>。
但是<span>標(biāo)簽內(nèi)可以插入<p>再分行文字<p>后面的內(nèi)容</span>就不行了
p就是段落,span是用來標(biāo)記行中的某些字或者其它元素,span沒有設(shè)置css樣式時候是看不出來的。比方我們要在一個段落中強調(diào)某些詞語,就可以用span進(jìn)行標(biāo)記,然后用css統(tǒng)一設(shè)置。多寫幾個代碼自己試試體會下就明白了~
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答p>span和p span有什么區(qū)別?
4 回答p span和p>span有什么區(qū)別?
4 回答.first span {color:purple;}和p span {color:purple;}有什么區(qū)別啊
4 回答p span{,,,,,,,,}和p,span{,,,,,,,,,,}有區(qū)別嗎?
3 回答p span{}和p>span{}選擇器區(qū)別是什么?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-07-28
P標(biāo)簽是個塊級標(biāo)簽,Span是個行級標(biāo)簽。
語意上,通常p用來表達(dá)完整的一句話,而span用來表示一個片段。span是比p小一級的標(biāo)簽。
舉個例子,
<p>覺得好像之前說要用span 現(xiàn)在又用p ?不是很懂希望能有人幫忙<span>解釋</span>一下</p>
然后可以通過控制span的css樣式,讓這個詞有不同的顯示效果。
2016-07-28
p標(biāo)簽是一個塊元素,塊元素它會獨占一行,它可以設(shè)置寬度和高度,不會受內(nèi)容的影響而改變。而span標(biāo)簽?zāi)厥切性?,行元素不能直接設(shè)置它的寬帶和高度,它會隨著內(nèi)容撐開寬帶和高度。
語義上來說呢,p表示一個段落,也就是我們讀書的時候?qū)懽魑牡哪莻€段落是一個意思。而span沒有任何語義,只是單純的想給這兒加個標(biāo)簽然后用css等來控制它的樣式。語義又有什么用呢?語義化最常用、最大的作用應(yīng)該就是seo(搜索引擎)優(yōu)化,方便搜索引擎給你的網(wǎng)站更高的權(quán)重(這里不對SEO優(yōu)化做過多的解釋,涉及范圍太廣,感興趣的朋友可以去研究學(xué)習(xí)下)。語義化還有另外一個不是很常用的作用就是方便閱讀器更好的了解你的網(wǎng)頁,比如盲人閱讀器,語義化就能幫助他更好的理解你的網(wǎng)站信息。
新手粗略理解,如有錯誤請指教,謝謝!
2016-07-28
<p>是可以是一個段落,長句子。而span是你想把某樣?xùn)|西單獨出來時候可以用,span一般單獨出來是一個詞或者字,span也是他代表的詞或者字在P里面的特殊性,有時我們通過span就可以達(dá)到只修改span里的詞而不修改整個句子。你也可以多看看列子。如:
<p>三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
? ? ? ? <p>到了三年級下學(xué)期時,我們班上了一節(jié)<span>公開課</span>,老師提出了一個很簡單的問題,班里很多同學(xué)都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
我們就可以把膽小如鼠進(jìn)行修改,改大小,改顏色,加鏈接等等,而不是把整個句子都改了。也可以通過修改整個p里面的句子,通過span讓句子中某些詞保持不變。
2016-07-28
看到p就是段落,如果有個別需要特殊的處理這個時候要用span
2016-07-28
<1>p標(biāo)簽是指一個段落,而且默認(rèn)是一個塊級元素,span是一個行內(nèi)元素的代表,沒有什么意思,一般可以放文字等行內(nèi)元素
<2>span標(biāo)簽可以放在p標(biāo)簽中,但是p標(biāo)簽不可以放在p標(biāo)簽內(nèi):
如<p>小紅很可愛</p>?? 如果想把可愛的字體改為紅色??? <p>小紅很<span class="stress">可愛</span></p>
2016-07-28
再把結(jié)構(gòu)強調(diào)一下,<p>標(biāo)簽內(nèi)可以插入<span>再分行文字</span>后面的內(nèi)容</p>。
但是<span>標(biāo)簽內(nèi)可以插入<p>再分行文字<p>后面的內(nèi)容</span>就不行了
2016-07-28
p就是段落,span是用來標(biāo)記行中的某些字或者其它元素,span沒有設(shè)置css樣式時候是看不出來的。比方我們要在一個段落中強調(diào)某些詞語,就可以用span進(jìn)行標(biāo)記,然后用css統(tǒng)一設(shè)置。多寫幾個代碼自己試試體會下就明白了~