塊級和內聯元素之間有什麼區別?
HTML由充當網頁構建塊的各種元素組成。 這些元素中的每一個都屬於兩個類別之一 - 塊級元素或內聯元素。 了解這兩種元素之間的差異是構建網頁的重要一步。
塊級元素
那麼什麼是塊級元素? 塊級元素是一個HTML元素,它在網頁上開始一個新行並擴展其父元素的可用水平空間的整個寬度。 它創建大段內容,如段落或頁面分割。 實際上,大多數HTML元素都是塊級元素。
塊級元素用在HTML文檔的正文中。 它們可以包含內聯元素以及其他塊級元素。
內聯元素
與塊級元素相比,內聯元素可以:
- 從一行開始
- 不開始新行
- 它的寬度只是延伸到它的標籤所定義的範圍內。
內聯元素的一個例子是標籤,它使得文本內容的字體包含在粗體中。 內聯元素通常只包含其他內聯元素,或者根本不包含任何內容,如
break標記。
HTML中還有第三種元素:那些根本不顯示的元素。 這些元素提供有關頁面的信息,但在Web瀏覽器中呈現時不顯示。
例如: