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