可以给html标签自定义属性吗

html-css027

可以给html标签自定义属性吗,第1张

可以啊，举个典型的例子，在做图片“预加载”的时候，通常会给img标签设置自定义属性，比如：

<img src="实际的图片地址" data-src="预览图的图片地址" />

通常自定义属性都是配合JS来使用的，单独的HTML与CSS技术，使用自定义属性，没有什么太大的作用和价值

没问题的。不过你最好就是按照“data-自定义名"的格式来进行定义。因为data自定义属性属于html5的新特性，它可以通过js进行设置和通过其名字进行索引修改元素样式。

例子：

<div id="dt" data-wq="123">html 的data自定义属性能随便修改吗？</div>

js设置:

document.getElementById('dt').dataset.new= '321'//变成了<div id="dt" data-new="231" data-wq="123"></div>

css样式设置：

<style type="text/css">

        [data-wq]

        {

            background-color: red

        }

</style>

此时元素背景为红色的了。

当然如果你不按照规定格式来自定义的话是用不到上面的方的，不过可以通过js的

getAttribute/setAttribute

方法来随意命名。