javascript - 将图片和文字“合并”为一个实体

Question

我正在尝试“组合”图像和文本，以使它们可以作为一个实体进行操作。因此，我应该能够，例如，整体单击实体（图像或文本），并将其剪切/粘贴到文本框中的其他位置，或者通过单次按键（退格键或 DEL 键）将其删除，等等。我我不确定 HTML 支持哪些功能，但是否有一个功能相当于将图片和文本“合并”为一个的容器/包装器？（有点像 MS Word 中的“文本框”）

我在网上发布了我的代码，请随意看看。http://need-help-with-text-editor.atspace.co.uk/

Answer 1

figure标签处理这样的事情。它为带有标题（文本）的图表、照片等提供了一个容器。

<figure>
    <img src="my_image.png" alt="My Image">
    <figcaption>This is my first image</figcaption>
</figure>