AlpaNews.com – Metodologi BEM (Block, Element, Modifier) adalah pendekatan markup HTML yang membantu membangun situs web yang fleksibel dan dapat diskalakan. Prinsip dasar BEM:
Blok adalah komponen antarmuka independen, seperti judul, menu, teks, dan sebagainya. Setiap blok diberi kelas CSS terpisah.
Elemen adalah bagian dari blok yang tidak dapat ada secara terpisah, seperti judul dan paragraf di dalam blok. Kelas elemen dimulai dengan dua garis bawah dan nama blok.
Pengubah adalah variasi dari blok atau elemen. Digunakan untuk menunjukkan gaya, status, atau versi. Dilambangkan dengan dua tanda hubung.
Manfaat BEM:
• Struktur markup HTML yang logis dan mudah dipahami.
• Kemampuan untuk menggunakan kembali blok.
• Mengurangi kerumitan CSS karena gaya tidak tumpang tindih.
• Kemudahan melakukan perubahan tanpa mengganggu keseluruhan sistem.
• Kemungkinan pengembangan situs oleh tim besar – tidak ada konflik dalam HTML dan CSS.
• Kompatibel dengan preprosesor (LESS, SASS, Stylus) untuk kemudahan menyusun dan menggunakan kembali.
Dengan demikian, BEM adalah pendekatan tata letak situs web yang sangat nyaman dan rasional, yang akan membantu membuat markup dapat dipahami dan mudah diskalakan.
Sumber: Telegram WEB PANDA
