Html 数据属性语法混乱

我只是想知道这样做是否正确

我正在尝试使用数据属性创建一个锚定标记，其中包含一个嵌入的图像。这将用于确定在不同的媒体查询中显示的内容

这个语法正确吗？我不知道。我使用bootstrap作为我的框架

  <div class ="col-lg-12" data-test="<a href='http://www.army.mil/veterans/'  target='_blank'><img  id='va_badge' class ='badges img-responsive' src='images/armybadge.png' alt='Army Veteran Badge'></a>"> </div>

语法正确。（您可以使用类似的验证器进行检查）

data-*

属性可以有任何值。它可能是一种“精神病”