迪夫(div)和跨度(span)的區別

HTML是開發網頁的一種廣泛使用的語言。它代表超文本標記語言。術語Hyper是指鏈接到internet上的其他web資源。術語標記是指使用圖像和其他多媒體資源創建格式化文本的能力。超鏈接是HTML中使所有web資源連接在一起的主要組件。HTML有幾種版本。它們是HTML2.0、3.2、4.01和HTML5。基本上，HTML是一個帶有標記的文本文檔。它告訴Web瀏覽器如何構造網頁以顯示它。div和span是HTML中的兩個標記。根據元素的類型，每個HTML元素都有一個默認的顯示值。因此，它們可以是塊或內聯元素。本文討論了div和span的區別。div和span的關鍵區別在於div是塊級元素，而span是內聯元素。

什麼是迪夫(div)？

所有html文檔都以文檔類型聲明開頭。今天最常見的HTML版本是HTML5。因此，類型聲明是。所有的html標記都應該包含在和標記中。網頁的必要細節包含在標記中。可見的網頁寫在標記內。每個用途都有標籤。標記用於段落。等用於標題。開始和結束標記內的內容稱為元素。e、這是一個段落。

圖01:HTML5

根據元素的類型，每個HTML元素都有一個默認的顯示值。默認顯示值可以是塊或內聯。塊級元素總是以新行開始。這些元素佔整個可用寬度。塊級元素的一些示例是和。

div標記也是HTML中的塊級元素。語法如下。

<div> Hello World! </div>

div元素是其他元素的容器。因此，可以將一組元素打包到div元素中。當與級聯樣式表（CSS）一起使用時，div標記可用於設置內容塊的樣式。參考下面的代碼。

迪夫(div)和跨度(span)的區別

div標記中有兩個段落。div標記中的所有內容的背景色為黑色，字體為白色。

什麼是跨度(span)？

與塊級元素不同，內聯元素不會從新行開始。它只需要所需的寬度。內聯元素的一些示例是和。

span標記也是HTML中的一個內聯元素。語法如下。

你好，世界！

圖02:div和span標記

span標記用作某些文本的容器。此標記也可以與CSS一起使用。因此，可以對文本的一部分進行樣式設置。參考以下示例。“paragraph1”在span標記內。使用CSS樣式屬性添加顏色。

這是第一段

迪夫(div)和跨度(span)的共同點

div和span都是HTML中的分組標記。
div和span都包含起始標記和結束標記。
div和span都可以具有style屬性。