<span> vs <figure> vs <area>

Question

我想知道'span'和新的HTML5標籤'figure'和'area'之間有什麼區別。

每個的目的是什麼，什麼是適當的用途？例如，我經常在背景圖片上使用'span'而不是'img'標籤來防止圖片被選中;完成這個最好的元素是什麼？

Answer 1

<span>是一個內聯元素，基本上像內聯div一樣使用。它是一個「通用的包裝措辭，它本身並不代表任何東西」。 （W3C spec）

<figure>與<figcaption>元素一起用於標記「可以從文檔的主流移開而不影響文檔含義的內容」。 （W3C spec）

<area>是用於製作圖像映射，並用於<map>元素內。

在你的情況下，我建議使用div代替，或者甚至是帶透明png的img標籤作爲背景圖片的內容。你可以用user-select使用img標籤：none;用通常的前綴代替停止可選擇的圖像。

Answer 2

<span>標記用於文本或其他內聯元素。它主要用於使用CSS進行格式化。

的<figure>標記指定像圖像，圖表，照片，代碼等

的<area>標籤定義圖像映射內的區域流動的內容。