<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>标签定义图像映射内的区域流动的内容。