html - vs vs

Question

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

每个的预期目的是什么，适当的用途是什么？例如，我经常使用带有背景图像的“span”而不是“img”标签来防止图像被选中；实现这一目标的最佳元素是什么？

Answer 1

<span>是一个内联元素，本质上像内联 div 一样使用。它是“用于措辞内容的通用包装器，其本身并不代表任何内容。” ( W3C spec )

<figure>与 <figcaption> 一起使用元素来标记一些“可以从文档的主要流程中移开而不影响文档的含义”。 ( W3C spec )

<area>用于制作图像映射，并在 <map> 中使用元素。

在您的情况下，我建议改用 div，或者甚至使用带有透明 png 的 img 标签作为带有背景图像的内容。您可以将 img 标签与 user-select:none 一起使用；使用通常的前缀，而不是停止选择图像。