HTML常见属性

HTML 属性是为 HTML 元素提供额外信息的一种方式,通常用于定义元素的行为或外观。

HTML 属性语法

  1. 属性位于元素的开始标签中。

  2. 属性由 名称/值对 组成,例如:name="value"

  3. 属性值必须用引号括起来(双引号或单引号均可)。

常见 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">

属性大小写建议

  • 属性名称对大小写不敏感,IDid 等效。

  • 建议使用小写属性名称和值,以符合 W3C 标准并提高兼容性。

通过掌握 HTML 属性,您可以更灵活地控制元素的行为和外观。