HTML class yazarken iki alt tire kullanmak
Merhaba dostlar. Ben videolarda CSS class ismi verirken iki tane alttan tire(__) kullanıldığını gördüm. CSS class ismi yazarken neden böyle bir method ile isimlendiriyoruz? SASS yazmayan insanlar bile böyle isimlendirme koyabiliyor. Amacı nedir böyle isimlendirmelerin?
Yani diğer bir değişle örnek olarak: .header .header-menu ile .header .header__menu arasındaki fark nedir?
Örnekler aşağıdadır.
<!-- Bu normal class isimlendirmesi -->
<div class="header">
<div class="header-menu">
...
</div>
</div>
<!-- Bu iki alttan tireli class isimlendirmesi -->
<div class="header">
<div class="header__menu">
...
</div>
</div>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
merhabalar öncelikle iki kullanımın arasında bir fark yok.
videodaki arkadaşın kullanım amacı muhtemelen okunaklılığını arttırmak. fakat bu kullanımlar kişiden kişiye değişir.
mesala ben header-menu tercih ederim.
header__menu__class
header_menu_class
headermenu
HEADERMENU
headerMenuClass
...
kullanımlar mevcut.
(son yazdığım kullanım daha çok JavaScript'te kullanılır.
İyi çalışmalar.