HTML全局属性与非全局属性详解，常见使用场景、问题以及解决方案

HTML全局属性与非全局属性详解

1. 全局属性（Global Attributes）

全局属性适用于所有HTML元素，但某些属性可能对部分元素无效（如hidden在<script>上无意义）。

常见全局属性：

• class：定义元素的类名（用于CSS和JS选择）。
• id：唯一标识符（同一页面中唯一）。
• style：内联CSS样式。
• title：悬停提示文本。
• data-*：存储自定义数据（如data-id="123"）。
• contenteditable：允许用户编辑内容。
• hidden：隐藏元素（相当于display: none）。
• dir：文本方向（ltr左到右，rtl右到左）。
• lang：定义元素的语言（如lang="en"）。
• tabindex：控制键盘导航顺序。
• accesskey：快捷键绑定（如accesskey="s"）。
• aria-*：无障碍属性（如aria-label="描述"）。

2. 非全局属性（Element-Specific Attributes）

仅适用于特定元素，用于实现特定功能。

常见非全局属性及元素：

• src：资源路径（<img>, <script>, <iframe>）。
• href：超链接目标（<a>, <link>）。
• alt：图片替代文本（<img>）。
• target：链接打开方式（<a>, <form>）。
• placeholder：输入框提示（<input>, <textarea>）。
• required：表单必填项（<input>, <select>）。
• disabled：禁用元素（表单控件、按钮）。
• checked：默认选中（<input type="checkbox/radio">）。
• rows/cols：文本域行列数（<textarea>）。
• autoplay：自动播放（<video>, <audio>）。
• colspan/rowspan：表格跨列/行（<td>, <th>）。

<