HTML中的布尔属性和自定义属性

1. 普通属性

一般的属性非常好理解,例如一个元素的id,class属性。

<div id="test" class="test-class"></div>

普通属性都有一个属性名id/class,对应的属性值为"test"/"test-class"

2. 布尔属性

布尔属性用于表达是否两个方面,所以可以直接将属性放入元素中表示是,如果不放元素的话就是否。
例如下面的例子,就表示disabled,即禁用该元素。

<input id="input1" type="text" disabled/>

而下面的例子,就表示不disabled该元素,即正常使用。

<input id="input1" type="text"/>

3. 自定义属性

自定义属性需要用data-开头,这里我们不推荐使用非data-开头的自定义属性,因为可能会导致与HTML标准的属性产生冲突。

也就是说data-开头的属性是标准为我们自定义属性预留的空间,我们使用起来比较安全。

例如:

<input id="input1" type="text" data-device="device001"/>

这样的写法就是合理的,我们可以使用CSS、JavaScript来对data-device属性进行适当的处理。


如有问题请扫码联系我
在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页