HTML中全局属性的作用

HTML中的全局属性是可以应用于所有HTML元素的通用属性。它们的作用是为所有元素提供一致的行为和特性。全局属性包括：class、id、style、title、lang、dir、accesskey、tabindex、contenteditable、contextmenu、draggable、hidden、spellcheck。它们可以用来定义元素的样式、语言、方向、可编辑性、拼写检查等等。通过使用全局属性，可以使HTML页面更加灵活和易于维护。

相关问题

scoped属性的作用

scoped属性是HTML中style标签的一个属性，它的作用是限制样式的作用范围，只在当前组件内生效，避免全局样式污染。在Vue、React等组件化开发框架中，使用scoped属性可以方便地实现组件化样式的隔离和复用。当一个组件被渲染时，其内部的样式只会作用于该组件内的元素，不会影响到全局的元素，从而提高了样式的可维护性和复用性。

如何让css只在当前组件中起作用

在Vue中，我们可以使用 `scoped` 属性来让CSS只在当前组件中起作用。具体做法是在 `<style>` 标签上添加 `scoped` 属性，如下所示：

<template>
  <div class="my-component">
    <!-- 组件内容 -->
  </div>
</template>

<style scoped>
  .my-component {
    /* 组件样式 */
  }
</style>

这样，`.my-component` 类的样式就只会作用于当前组件中的元素，而不会对其他组件或全局样式产生影响。

需要注意的是，Vue实现 `scoped` 样式的原理是使用了CSS的一个特性——CSS选择器的作用域。在编译过程中，Vue会自动为每个带有 `scoped` 属性的样式块添加一个唯一的属性，然后在每个元素上添加该属性，作为选择器的前缀，以此来实现样式的作用域隔离。