HTML 属性

HTML 属性

HTML 元素可以设置属性

属性可以在元素中添加附加信息

属性一般描述于开始标签

属性总是以名称/值对的形式出现，比如：name="value"。

属性实例

HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：

<a href="http://www.runoob.com">这是一个链接</a>

HTML 属性常用引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

使用双引号：

<a href="https://www.runoob.com">Link</a>

使用单引号：

<a href='https://www.runoob.com'>Link</a>

提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='John "ShotGun" Nelson'

HTML 提示：使用小写属性

属性和属性值对大小写不敏感

而新版本的 (X)HTML 要求使用小写属性。

全局属性

全局属性是所有 HTML 元素都可以使用的属性。

id：为元素指定唯一的标识符。

<div id="header">This is the header</div>

class：为元素指定一个或多个类名，用于 CSS 或 JavaScript 选择。

<p class="text highlight">This is a highlighted text.</p>

style：用于直接在元素上应用 CSS 样式。

<p style="color: blue; font-size: 14px;">This is a styled paragraph.</p>

title：为元素提供额外的提示信息，通常在鼠标悬停时显示。

<abbr title="HyperText Markup Language">HTML</abbr>

data-*：用于存储自定义数据，通常通过 JavaScript 访问。

<div data-user-id="12345">User Info</div>

事件处理属性

onclick：当用户点击元素时触发。

<button onclick="alert('Button clicked!')">Click Me</button>

onmouseover：当用户将鼠标悬停在元素上时触发

<div onmouseover="this.style.backgroundColor='yellow'">Hover over me</div>

onchange：当元素的值发生变化时触发

<input type="text" onchange="alert('Value changed!')">