使用跨度和div與CSS更大的風格和佈局控制。
許多對網頁設計和HTML / CSS不熟悉的人在構建網頁時可以交替使用和 div元素在您的網頁上定義邏輯分區。 它基本上是一個可以放置邏輯上一起放置的其他HTML元素的框。 一個部門可以有多個其他元素，如段落，標題，列表，鏈接，圖像等。它甚至可以在其中有其他部門為HTML文檔提供額外的結構和組織。 要使用div元素，請將打開的 div的內容 如果您的頁面區域需要一些額外的信息，以後您將使用CSS進行樣式設置，則可以添加一個id選擇器（例如， id =“myDiv”>）或類選擇器（例如class =“bigDiv”>）。 然後可以使用CSS選擇這兩個屬性，也可以使用JavaScript進行修改。 目前的最佳實踐傾向於使用類選擇器而不是ID，部分原因在於特定ID選擇器的具體方式。 但是，事實上，你可以使用任何一種，甚至可以給一個ID和一個類選擇器。 何時使用 div元素與HTML5 section元素不同，因為它不會為封閉內容提供任何語義含義。 如果您不確定內容塊應該是div還是section，請考慮元素和內容的目的是幫助您決定使用哪個元素： 最終，div和section的行為都非常相似，你可以給它們中的任何一個屬性值，並用CSS對它們進行樣式設置，以獲得你需要的網站外觀。 這兩個都是塊級元素。 span元素默認是內聯元素。 這使它與div和section元素分開。 span元素通常用於包裝特定的內容片段，通常是文本，以便給它一個額外的“掛鉤”，可以在以後進行樣式化。 與CSS一起使用，它可以改變它所包含文本的樣式; 但是，沒有任何樣式屬性，span元素本身對文本沒有任何影響。 這是跨度和div元素之間的主要區別。 如上所述，div元素包含段落分隔符，而span元素僅告訴瀏覽器將關聯的CSS樣式規則應用於標籤所包含的內容： 將class =“highlight”或其他類添加到span元素以使用CSS對文本進行樣式設置（例如，class =“highlight”>）。 span元素沒有必需的屬性，但最有用的三個元素與div元素的屬性相同： 如果想要更改內容樣式而不將該內容定義為文檔中新的塊級 元素 ，請使用跨度。 例如，如果您希望h3標題的第二個單詞是紅色的，則可以用span元素包圍該單詞，該單元將該單詞設置為紅色文本。 這個詞仍然是h3元素的一部分，但現在也顯示為紅色： 由Jeremy Girard於2/2/17編輯 使用
使用元素
突出顯示的文本和非突出顯示的文本。
這是我的真棒標題