标签属性
标签属性(以下简称属性)是对标签的一种描述方式。属性主要分为三种:
- 通用属性:每个标签都有的属性
- 自有属性:只有特定的标签才有的属性
- 自定义属性:不是内置的属性,而是我们根据需要自定义的属性
其注意事项如下:
- 属性总是以名/值对的形式出现,比如:
charset="UTF-8"
- 属性总是在 HTML 元素的开始标签中规定。
- 属性和属性值对大小写不敏感,但通常使用小写属性
- 属性值应该始终被包括在引号内,通常使用双引号
- 属性与标签名间用空格隔开
- 一个标签可以有多个属性,属性间也用空格隔开
通用属性
-
id:用来给标签取一个唯一的名称。
同一个页面中不能出现重复的id属性,如果有,则以先出现的为准,后出现的作废。其命名规则如下- 必须以字母 A-Z 或 a-z 开头
- 其后的字符:字母
A-Za-z
、数字0-9
、连字符-
、下划线_
、冒号:
以及点号.
- id值对大小写敏感
-
class:用来给标签取一个类名。class可以重复,且一个标签可以有多个class值,值间使用空格隔开,例如
<p class="p1 p2 p3"></p>
-
style:用来设置该标签的行内样式。
-
title:当鼠标移到该标签,所显示的提示内容。
自有属性
只有特定的标签才有的属性,比如a标签的target
属性,这类属性有很多,而且每种标签其自有属性不一样,所以最好在学习标签时学习,在这里不再解释
自定义属性
格式:data-*
通常用于传值或者图片懒加载,例如
<img data-src="图片地址" alt="提示文本" /> 当窗口滚动到可以看到该img时,用js将data-src值给src,实现懒加载
<p data-name="p1"></p>