点此查看全部文字教程、视频教程、源代码

本文目录

1. 普通属性2. 布尔属性3. 自定义属性

1. 普通属性

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

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

2. 布尔属性

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

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

3. 自定义属性

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

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

例如：

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