Yorumlar CSS'de (Basamaklı Stil Sayfaları), tarayıcının web sayfasını oluştururken göz ardı ettiği koda açıklamalar veya hatırlatıcılar eklemek için kullanılır. Yorumlar, CSS kodunuzu açıklamak, diğer geliştiricilere veya kendinize bağlam sağlamak ve belirli kod parçalarını tamamen kaldırmadan geçici olarak kapatmak için kullanılabilir.
CSS yorumları /* ile */ arasına yazılır. İşte bir örnek:
/* This is a CSS comment */
Yorumlar bir satırda veya birkaç satırda görünebilir:
/* This is a multi-line CSS comment */ /* This is another multi-line comment */ /* This is a single-line CSS comment */
CSS kodunun seçiciler, özellik bildirimleri veya bloklar gibi herhangi bir yeri yorum içerebilir:
/* This is a comment inside a selector */ h1 { /* This is a comment within a property declaration */ color: blue; font-size: 24px; /* This is a comment after a property */ } /* This is a comment before a block */ /* h2 { color: red; } */
Daha önce de belirtildiği gibi, yorumlar tarayıcı tarafından göz ardı edilir ve web sayfasının nasıl görüntülendiği üzerinde hiçbir etkisi yoktur. Yalnızca kod organizasyonu ve insan tarafından okunabilirlik için mevcutturlar. Karmaşık bölümleri açıklığa kavuşturmak, belirli CSS kurallarının ardındaki mantığı açıklamak veya yaklaşan değişikliklerle ilgili talimatlar vermek için yorumları kullanın.
NOT: Yorumlar, sayfanın kaynak koduna bakan herkes tarafından hâlâ görülebilmektedir. Bu nedenle yorumlarda hassas veya özel bilgilere yer vermekten kaçının.
Neden CSS'de Yorumları Kullanıyoruz?
CSS yorumlarının çeşitli kullanımları vardır:
Yorumları etkili bir şekilde kullanırsanız CSS kodunuzun okunması, bakımı ve üzerinde işbirliği yapılması daha kolay olacaktır. Kod için çok önemli bir organizasyon ve dokümantasyon aracıdırlar.
CSS Yorumlarının Dezavantajları
CSS yorumlarının birçok faydası olsa da aşağıdaki gibi dezavantajları da vardır: