html属性

HTML 属性

---

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

属性总是以 name="value" 的形式写在标签内，name 是属性的名称，value 是属性的值。

---

HTML 属性

• HTML 元素可以设置属性
• 属性可以在元素中添加附加信息
• 属性一般描述于开始标签
• 属性总是以名称/值对的形式出现，比如：name="value"。

---

属性实例

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

实例

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

尝试一下 »

---

HTML 属性常用引用属性值

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

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

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

name='John "ShotGun" Nelson'

---

HTML 提示：使用小写属性

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

不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

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

---

HTML 属性参考手册

查看完整的HTML属性列表: HTML 标签参考手册。

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

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

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

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

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

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

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

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

4. href: 用于 <a> 标签，指定链接目标。

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

5. src: 用于 <img> 和 <script> 标签，指定资源的路径。

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

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

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

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

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

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

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

9. value: 定义表单元素的值。

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

10. target: 用于 <a> 标签，指定链接的打开方式（如 _blank 在新窗口中打开）。

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

11. type: 指定表单元素的类型（如 text, password, submit）。

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

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

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