BEM(块、元素和修饰符)是一种命名规范,在HTML和CSS中用于创建可重用的模块化组件。以下是一个示例,展示了如何使用BEM命名规范来命名HTML元素和类。
Card Title
Card Description
在上面的示例中,我们有一个"card"块,它包含一个"card__title"元素、一个"card__description"元素和一个"card__button"元素。"card__button"元素还有一个"card__button--primary"修饰符,表示这是一个主要按钮。
使用BEM命名规范,我们可以轻松地识别和修改特定块中的元素和修饰符。这种命名约定使代码更加模块化、可重用和易于维护。
希望这个示例能够帮助你理解和使用BEM HTML命名规范。