logo标签列表

在HTML标签中添加属性？

htmldom
3

出于内部原因，我需要将一些信息附加到某些HTML标记中。例如：

<img src="mypic" mycustomvalue="abc">

我可以这样安全地添加吗？还是有其他方法？

谢谢

我目前正在使用HTML 5。

<!DOCTYPE html><html lang="en">
你是如何获取这个属性的？是在服务器端还是客户端？ - m.edmondson
我使用PHP编写它，然后在客户端使用JavaScript检索它。 - dynamic
1
我认为你可以使用 data-*，其中星号是你的属性名称。 <img src="mypic.jpg" data-value1="lalala" data-value2="mamama" /> - Ivan Ivanic
3个回答
10

是的，你可以这样做。

需要注意的是，HTML5标准规定自定义属性应以data-为前缀：

<img src="mypic" data-mycustomvalue="abc">
你能否使用自定义命名空间？<img src="mypic" custom:mycustomvalue="abc">？ - John Bledsoe
啊，从来没有听说过 data-* :) 谢谢 - dynamic
@John Bledsoe - 不，不是有效的。即使它是有效的，在HTML元素和属性名称中使用冒号的规则非常复杂，我建议远离它们。 - Alohci
@Alohci - 谢谢。我还发现了这篇相关的帖子：https://dev59.com/KkbRa4cB1Zd3GeqP2qsC - John Bledsoe
0

是的，你可以这样设置它，并使用以下代码检索：

document.getElementById("txtBox").getAttribute("mycustomvalue");
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接