v2.5.2
Giriş yap

HTML class yazarken iki alt tire kullanmak

tolunayemre
381 defa görüntülendi

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>
otkur
643 gün önce

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.