以语义正确的方式注入图像标题信息

Question

我正在开发一个图片库，并希望能够以语义正确的方式为每个图像插入（动态）插图信息提供帮助。在它的当前状态中，我使用点击函数形式的jQuery从相应的“title”和“rel”锚属性中获取信息，并将它们插入到ID为“caption”的DIV中，如下所示：

$(document).ready(function(){

    $("#image_nav a").click(function(){

        $("#caption").empty();

        $("#caption").append('<em></em><span></span>')

        var capTitle = $(this).attr("title");
        var capInfo = $(this).attr("rel");

        $("#caption em").html(capTitle);

        $("#caption span").html(",&nbsp;" + capInfo); return false;
    });

}); 

我意识到不是关于语义的好方法 - 特别是在使用标题信息的“rel”属性时 - 我是想知道什么可能是最好的方法。我正在考虑为锚点使用自定义数据属性，例如“data-caption”？我有一个工作原型设置here。

感谢您的任何见解。