标签属性

标签属性

标签属性（以下简称属性）是对标签的一种描述方式。属性主要分为三种：

1. 通用属性：每个标签都有的属性
2. 自有属性：只有特定的标签才有的属性
3. 自定义属性：不是内置的属性，而是我们根据需要自定义的属性

其注意事项如下：

• 属性总是以名/值对的形式出现，比如：charset="UTF-8"
• 属性总是在 HTML 元素的开始标签中规定。
• 属性和属性值对大小写不敏感，但通常使用小写属性
• 属性值应该始终被包括在引号内，通常使用双引号
• 属性与标签名间用空格隔开
• 一个标签可以有多个属性，属性间也用空格隔开

---

通用属性

1. id：用来给标签取一个唯一的名称。
   同一个页面中不能出现重复的id属性，如果有，则以先出现的为准，后出现的作废。其命名规则如下

   1. 必须以字母 A-Z 或 a-z 开头
   2. 其后的字符：字母A-Za-z、数字0-9、连字符-、下划线_、冒号: 以及点号.
   3. id值对大小写敏感

2. class：用来给标签取一个类名。class可以重复，且一个标签可以有多个class值，值间使用空格隔开，例如

   <p class="p1 p2 p3"></p>
   

3. style：用来设置该标签的行内样式。

4. title：当鼠标移到该标签，所显示的提示内容。

---

自有属性

只有特定的标签才有的属性，比如a标签的target属性，这类属性有很多，而且每种标签其自有属性不一样，所以最好在学习标签时学习，在这里不再解释

---

自定义属性

格式：data-*

通常用于传值或者图片懒加载，例如

<img data-src="图片地址" alt="提示文本" /> 当窗口滚动到可以看到该img时，用js将data-src值给src，实现懒加载
<p data-name="p1"></p>