Как добавить html-ссылку в заголовок изображения

Это можно сделать с помощью атрибута longdesc:

<img src="theimage.png" longdesc="thedescription.html" />

А затем в thedescription.html:

<a href="http://test.com/">Link</a>

Один из альтернативных способов сделать это — использовать элемент OBJECT следующим образом:

<OBJECT data="theimage.png" type="image/png">
    <a href="http://test.com/">Link</a>
</OBJECT>

Кроме того, поскольку вы просили об этом, вот как автоматически конвертировать html-объекты в jquery:

$('<div/>').text('<a href="link.html">Some Link</a>').html();
// the above evaluates to &lt;a href=&quot;link.html&quot;&gt;Some Link&lt;/a&gt;

Я не уверен, что это то, что вы ищете, но вы можете использовать wz_tooltip Уолтера Цорна для отображения всплывающей подсказки с любым содержимым.

И пример использования:

<img src="theimage.png" onmouseover="Tip('<a href=\'http://test.com/\'>Link</a>');" onmouseout="UnTip();">

Атрибут longdesc — это URI, а не место для добавления кода. Другими словами, вам нужно создать страницу, на которую ссылается longdesc. На этой странице вы сделаете подробное описание того, что изображено на изображении.

Вы ищете объекты html?

Если да, то это то, что вы ищете:

> = >

&lt; = <

" = "

' = '