HTML属性基本概念

HTML属性用于为标签添加附加信息，控制元素的行为和样式。

属性基本语法

语法格式

<标签名 属性名="属性值">内容</标签名>

属性位置

<!-- 属性写在开始标签中 -->
<div class="container" id="main">内容</div>

<!-- 单标签同样支持属性 -->
<img src="image.jpg" alt="图片">
<input type="text" name="username">

属性核心规则

基本规则

引号使用

<!-- 推荐写法：双引号 -->
<div class="box" id="container"></div>

<!-- 单引号也可用 -->
<div class='box' id='container'></div>

<!-- 属性值含引号时需转义 -->
<div title="这是'单引号'示例"></div>
<div title='这是"双引号"示例'></div>

属性分类

按通用性分类

<!-- 全局属性：所有元素可用 -->
<div id="box" class="wrapper" style="color:red;"></div>

<!-- 特有属性：特定元素可用 -->
<a href="url" target="_blank">链接</a>
<img src="path" alt="描述">

按值类型分类

属性书写规范

推荐格式

<!-- 多属性换行缩进（提高可读性） -->
<input
    type="text"
    name="username"
    placeholder="请输入用户名"
    required
>

属性顺序建议

<!-- 建议顺序：id → class → name → 其他 -->
<div id="header" class="nav" name="top-nav" data-type="main">
</div>

要点总结

1. 必须引号：属性值必须用引号包裹
2. 空格分隔：多个属性之间用空格分隔
3. 位置正确：属性只写在开始标签或单标签中
4. 命名小写：属性名推荐小写，符合规范