HTML常见属性
HTML 属性是为 HTML 元素提供额外信息的一种方式,通常用于定义元素的行为或外观。
HTML 属性语法
属性位于元素的开始标签中。
属性由 名称/值对 组成,例如:
name="value"
。属性值必须用引号括起来(双引号或单引号均可)。
常见 HTML 属性示例
属性名 | 描述 | 示例代码 |
id | 定义元素的唯一标识符 | <div id="header">Header Content</div> |
class | 定义元素的类名,用于样式和脚本 | <p class="text-muted">Muted Text</p> |
style | 定义元素的行内样式 | <span style="color:red;">Red Text</span> |
href | 定义链接目标(用于 <a> 标签) | <a href="https://example.com">Link</a> |
src | 定义资源路径(如图片和脚本) | <img src="image.jpg" alt="Example"> |
alt | 提供图片的替代文本 | <img src="logo.png" alt="Company Logo"> |
title | 提供元素的额外信息 | <button title="Submit">Click Me</button> |
target | 指定链接的打开方式(如新窗口) | <a href="https://untib.com" target="_blank">New</a> |
placeholder | 提供占位符文本(表单元素) | <input type="text" placeholder="Name"> |
name | 定义表单元素的名称 | <input type="text" name="username"> |
value | 定义表单元素的值 | <input type="text" value="Default text"> |
type | 定义表单元素的类型 | <input type="password" name="password"> |
属性大小写建议
属性名称对大小写不敏感,
ID
和id
等效。建议使用小写属性名称和值,以符合 W3C 标准并提高兼容性。
通过掌握 HTML 属性,您可以更灵活地控制元素的行为和外观。