我想知道'span'和新的HTML5标签'figure'和'area'之间的区别是什么。
每种用途的目的是什么，适当的用途是什么？例如，我经常使用带有背景图像的'span'而不是'img'标签来防止图像被选中;什么是实现这一目标的最佳元素？
答案 0 :(得分：6)
<span>是一个内联元素，基本上类似于内联div。它是“用于表达内容的通用包装器，它本身并不代表任何东西。” （W3C spec）
<figure>与<figcaption>元素一起用于标记“可以远离文档主流而不影响文档含义的内容”。 （W3C spec）
<area>用于制作图像地图，用于<map>元素。
在你的情况下，我建议使用div代替，或者甚至使用带有透明png的img标签作为带有背景图像的内容。您可以使用带有user-select：none的img标记;使用通常的前缀代替停止图像可选择。
答案 1 :(得分：3)
<span>标记用于文本或其他内联元素。它主要用于使用CSS格式化。
<figure>标记用于指定图像，图表，照片，代码等流程内容。
<area>标记定义了图像映射中的区域。