我想創(chuàng)建一個包含截圖圖像的HTML格式的用戶指南。 到目前為止還好。 然后我想給這些圖像添加注釋(這些圖像是帶有一些控件的表單的截圖)。 注釋描述了這些控件。 這將不止一次地進行(每次改變形式時，...)

不需要動態(tài)效果，注釋應該靜態(tài)顯示。

對此，有什么簡單、易于維護的方法呢？

到目前為止，我沒有使用純HTML，而是成功地使用了捷聯(lián). js，只有注釋是一個缺失的特性。

任何提示都是受歡迎的，也許“注釋”不是一個很好的描述我在做什么...

編輯:注釋應該顯示在圖像的頂部(就像使用圖像編輯器并直接在圖像中繪制文本框一樣)。

克格勃-簡單點，笨蛋

<img>
<br>Annotation

figure和figcaption很好地實現(xiàn)了這一點，并用一些css將其覆蓋在圖像之上:

figure {
  margin: 0;
}
figure figcaption {
  position: absolute;
  top: 1em;
  left: 1em;
  
  background-color: #fff;
  padding: 0.25em;
}

<figure>
  <img src="https://www.w3schools.com/tags/pic_trulli.jpg" alt="Trulli" style="width:100%">
  <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>

問題很清楚——OP想要在圖像上添加文本。

但我猜人們寧愿迂腐也不愿樂于助人。

總之——這就是答案:https://www.w3schools.com/howto/howto_css_image_text.asp