p標簽是一個塊元素，塊元素它會獨占一行，它可以設置寬度和高度，不會受內容的影響而改變。而span標簽呢是行元素，行元素不能直接設置它的寬帶和高度，它會隨著內容撐開寬帶和高度。

語義上來說呢，p表示一個段落，也就是我們讀書的時候寫作文的那個段落是一個意思。而span沒有任何語義，只是單純的想給這兒加個標簽然后用css等來控制它的樣式。語義又有什么用呢？語義化最常用、最大的作用應該就是seo（搜索引擎）優化，方便搜索引擎給你的網站更高的權重（這里不對SEO優化做過多的解釋，涉及范圍太廣，感興趣的朋友可以去研究學習下）。語義化還有另外一個不是很常用的作用就是方便閱讀器更好的了解你的網頁，比如盲人閱讀器，語義化就能幫助他更好的理解你的網站信息。

新手粗略理解，如有錯誤請指教，謝謝！

<p>是可以是一個段落，長句子。而span是你想把某樣東西單獨出來時候可以用，span一般單獨出來是一個詞或者字,span也是他代表的詞或者字在P里面的特殊性，有時我們通過span就可以達到只修改span里的詞而不修改整個句子。你也可以多看看列子。如：

<p>三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>

? ? ? ? <p>到了三年級下學期時，我們班上了一節<span>公開課</span>，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p>

我們就可以把膽小如鼠進行修改，改大小，改顏色，加鏈接等等，而不是把整個句子都改了。也可以通過修改整個p里面的句子，通過span讓句子中某些詞保持不變。

看到p就是段落，如果有個別需要特殊的處理這個時候要用span

<1>p標簽是指一個段落，而且默認是一個塊級元素，span是一個行內元素的代表，沒有什么意思，一般可以放文字等行內元素

<2>span標簽可以放在p標簽中，但是p標簽不可以放在p標簽內：

如<p>小紅很可愛</p>?? 如果想把可愛的字體改為紅色??? <p>小紅很<span class="stress">可愛</span></p>

再把結構強調一下，<p>標簽內可以插入<span>再分行文字</span>后面的內容</p>。

但是<span>標簽內可以插入<p>再分行文字<p>后面的內容</span>就不行了

p就是段落，span是用來標記行中的某些字或者其它元素，span沒有設置css樣式時候是看不出來的。比方我們要在一個段落中強調某些詞語，就可以用span進行標記，然后用css統一設置。多寫幾個代碼自己試試體會下就明白了~