HTML 属性

2021/03/01htmlhtml

属性是 HTML 元素提供的附加信息。

属性总是以 name="value" 的形式写在标签内,name 是属性的名称,value 是属性的值。属性总是以名称/值对的形式出现,比如:name="value"

下面列出了适用于大多数 HTML 元素的属性:

id: 给元素一个唯一的标识符,可以用于 CSS 选择器或 JavaScript 操作。

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

class: 给元素指定一个或多个类名,方便通过 CSS 或 JavaScript 操作。

<p class="text-muted">This is a paragraph.</p>

style: 直接为元素定义 CSS 样式。

<span style="color: red;">This text is red.</span>

href: 用于 <a> 标签,指定链接目标。

<a href="https://www.example.com">Visit Example</a>

src: 用于 <img><script> 标签,指定资源的路径。

<img src="image.jpg" alt="Description">

alt: 用于 <img> 标签,提供图片的替代文本。

<img src="logo.png" alt="Company Logo">

title: 提供关于元素的额外信息,通常在鼠标悬停时显示。

<button title="Click me">Submit</button>

name: 在 <input>, <form>, <select> 等表单元素中使用,定义元素的名称。

<input type="text" name="username">

value: 定义表单元素的值。

<input type="text" value="Default text">

target: 用于 <a> 标签,指定链接的打开方式(如 _blank 在新窗口中打开)。

<a href="https://www.example.com" target="_blank" rel="noopener">Open in new tab</a>

type: 指定表单元素的类型(如 text, password, submit)。

<input type="password" name="password">

placeholder: 为 <input><textarea> 提供一个占位符文本。

<input type="text" placeholder="Enter your name">

全局属性:

image-20241219161048217

最近一次更新 3/20/2025, 7:54:12 AM