属性是 HTML 元素提供的附加信息。
属性通常出现在 HTML 标签的开始标签中,用于定义元素的行为、样式、内容或其他特性。
属性总是以 name="value" 的形式写在标签内,name 是属性的名称,value 是属性的值。
HTML 链接由<a>标签定义。链接的地址在 href 属性中指定:
<a href="http://www.runoob.com">这是一个链接</a>
属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。
使用双引号:
<a href="https://www.runoob.com">Link</a>
使用单引号:
<a href=\'https://www.runoob.com\'>Link</a>
提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name=\'John "ShotGun" Nelson\'
或者:
<a href="https://www.runoob.com?q=\'search\'">Link</a>
属性和属性值对大小写不敏感。
不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。
而新版本的 (X)HTML 要求使用小写属性。
下面列出了适用于大多数 HTML 元素的属性:
| 属性名 | 适用元素 | 说明 |
|---|---|---|
| id | 所有元素 | 为元素指定唯一的标识符。 |
| class | 所有元素 | 为元素指定一个或多个类名,用于 CSS 或 JavaScript 选择。 |
| style | 所有元素 | 直接在元素上应用 CSS 样式。 |
| title | 所有元素 | 为元素提供额外的提示信息,通常在鼠标悬停时显示。 |
| data-* | 所有元素 | 用于存储自定义数据,通常通过 JavaScript 访问。 |
| href | <a>,<link> | 指定链接的目标 URL。 |
| src | <img>,<script>,<iframe> | 指定外部资源(如图片、脚本、框架)的 URL。 |
| alt | <img> | 为图像提供替代文本,当图像无法显示时显示。 |
| type | <input>,<button> | 指定输入控件的类型(如text,password,checkbox等)。 |
| value | <input>,<button>,<option> | 指定元素的初始值。 |
| disabled | 表单元素 | 禁用元素,使其不可交互。 |
| checked | <input type="checkbox">,<input type="radio"> | 指定复选框或单选按钮是否被选中。 |
| placeholder | <input>,<textarea> | 在输入框中显示提示文本。 |
| target | <a>,<form> | 指定链接或表单提交的目标窗口或框架(如_blank表示新标签页)。 |
| readonly | 表单元素 | 使输入框只读。 |
| required | 表单元素 | 指定输入字段为必填项。 |
| autoplay | <audio>,<video> | 自动播放媒体。 |
| onclick | 所有元素 | 当用户点击元素时触发 JavaScript 事件。 |
| onmouseover | 所有元素 | 当用户将鼠标悬停在元素上时触发 JavaScript 事件。 |
| onchange | 表单元素 | 当元素的值发生变化时触发 JavaScript 事件。 |
微信扫码登录