<span> vs <figure> vs <area>

day*_*way 5 html html5

我想知道'span'和新的HTML5标签'figure'和'area'之间有什么区别.

每种用途的目的是什么,适当的用途是什么?例如,我经常使用带有背景图像的'span'而不是'img'标签来防止图像被选中; 实现这一目标的最佳元素是什么?

Ric*_*haw 6

<span>是一个内联元素,基本上像内联div一样使用.它是"用于表达内容的通用包装器,它本身并不代表任何东西." (W3C规范)

<figure><figcaption>元素一起用于标记"可以远离文档主流而不影响文档含义的东西".(W3C规范)

<area>用于制作图像映射,用于<map>元素内部.

在你的情况下,我建议使用div代替,或者甚至使用带有透明png的img标签作为带有背景图像的内容.您可以使用带有user-select:none的img标记; 使用通常的前缀来阻止图像可选择.