一、 p /p 和 span /span

1. p /p 標簽

p /p 標簽可定義文檔中的分區或節（pision/section），從而把文檔分割為獨立的、不同的部分。 p /p 標簽可以作為一種嚴格的組織工具，并且不使用任何格式與其關聯，這其中包含一種HTML標記和表現樣式相分離的思想。在實際工作中，我們通常為 p /p 標簽指定 id 或 html' target='_blank'>class 屬性，使該標簽會變得更加有效。 p /p 是一個塊級元素,這意味著它的內容自動地開始一個新行。并且實際上換行是 p 固有的唯一格式表現。

下面這段 HTML 模擬了新聞網站的結構。其中的每對 p /p 標簽 把每條新聞的標題和摘要組合在一起，也就是說， p /p 為文檔添加了額外的結構。同時，由于這些 p /p 屬于同一類元素，所以可以使用 >

 p >
2. span /span 標簽
 span 標簽被用來組合文檔中的行內元素（inline elements）。
 span >
二、塊級元素和行內元素
塊級元素（block element)和行內元素/內聯元素(inline element)是css中的概念，像 p /p 和 h1 /h1 等元素常常被稱為塊級元素。這是因為這些元素顯示為一塊內容，即“塊框”。與之相反， span /span 和 strong /strong 等元素稱為“行內元素”，這是因為它們的內容顯示在一行中，即“行內框”。
 塊級元素和行內元素的概念并不是固定不變的，而是相對的。我們可以使用元素的 display 屬性改變生成的框的類型。這意味著，通過將 display 屬性設置為 block，可以讓行內元素（比如 a 元素）表現得像塊級元素一樣；還可以通過把 display 設置為 inline 讓生成的元素成為行內元素；甚至，我們可以把display屬性設置為 none ,使元素根本沒有框，這種情況，該框及其所有內容就不再顯示，不占用文檔中的空間。
 p id= dv1 >
三、 p /p 和 span /span 的比較
1.相同點： p /p 標簽和 span /span 標簽都是用來劃分區間但是沒有實際語義的標簽；兩者都是主要用于應用樣式表。
2.不同點： p /p 標簽屬于塊級元素，瀏覽器在它的前后會自動添加一個換行標簽 /br ； span /span 標簽屬于內聯元素，它的前后不會自動添加換行標簽。
如果在網頁布局中要將某兩個內容顯示在同一行內，最簡單的方法就是將它們用 span /span 標簽包裝起來。比如，一個頁面有相鄰的兩個元素，一個是 p /p ，另一個是 span /span 。要想將它們顯示在同一行，可以將這個 p /p 改為 span /span 。當然，也可以通過css將 p /p 等標簽的display屬性設置為 inline 來實現。
總結：以上就是本篇文的全部內容，希望能對大家的學習有所幫助。
相關推薦：
通過代碼詳細為你講解如何在js中創建div，span，label
詳談div中的dispaly:inline樣式 和span的區別
怎樣定義內聯元素span的最小高度
以上就是HTML中div與span對比的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。