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

html-css016

可以给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

方法来随意命名。