CSS kodunuza yorum eklemek faydalı ve tavsiye edilir.
Her web sitesi (HTML tarafından dikte edilen) yapısal elemanlardan ve görsel sitenin ya da bu sitenin "görünüş ve izleniminden" oluşmaktadır. Basamaklı Stil Sayfaları (CSS), bir web sitesinin görsel görünümünü dikte etmek için kullanılır. Bu stiller, HTML standartlarından ayrı olarak güncellenerek, Web standartlarına uyumu ve güncellenmesini kolaylaştırır.
Bugün pek çok web sitesinin karmaşıklığı ile, stil sayfaları hızla çalışmak için oldukça uzun ve çok hantal hale gelebilir. Duyarlı web sitesi stilleri için medya sorgularına eklemeye başladığınızda bu özellikle doğrudur. Bu medya sorguları tek başına CSS belgesine önemli miktarda yeni stil ekleyebilir ve çalışmayı daha da zorlaştırabilir. Burada CSS yorumları bir web sitesinde paha biçilemez bir yardım olabilir.
Bir web sitesinin CSS dosyalarına yorum eklemek, belgeyi inceleyen bir insan okuyucu için bu kodun bölümlerine yapı eklemenin harika bir yoludur. Aynı zamanda sitede dahil olmak üzere gelecekte çalışmak zorunda kalabilecek bir web profesyoneli için bu tarzları açıklamak için harika bir yöntemdir.
Sonunda, akıllıca eklenen CSS yorumları bir stil sayfasının işlenmesini kolaylaştırır. Bu gerçekten, takımlar tarafından düzenlenecek stil sayfaları için önemlidir. Yorumlar, stil sayfasının önemli yönlerini, zaten kodla aşina olmayan ekibin farklı üyelerine iletmek için kullanılabilir. Bu yorumlar, bir süre daha ondan uzak kaldıktan sonra tekrar kodlara geri dönerlerse, sitede daha önce çalışan kişiler için çok yararlı olabilir. Aylar hatta yıllar önce yaptığım bir web sitesini düzenlemek zorunda kaldım ve HTML ve CSS'de iyi biçimlendirilmiş yorumlara sahip olmak çok hoş geldiniz! Unutmayın, bir site oluşturduğunuz için, gelecekte siteye geri döndüğünüzde neden yaptığınızı hatırlayacağınız anlamına gelmez! Yorumlar, niyetiniz netleşmeden ve yanlış anlamaları daha önce açık hale getirebilir.
CSS yorumları hakkında anlamanız gereken bir şey, sayfa web tarayıcılarında oluşturulduğunda görüntülenmemesidir. Bu yorumlar sadece bilgilendirme amaçlıdır, tıpkı HTML yorumları gibi (söz dizimi ikisi arasında farklı olsa da). Bu CSS yorumları, bir sitenin görsel görüntüsünü hiçbir şekilde etkilemez ve yalnızca kodun kendisinde bulunur.
CSS Yorumları Ekleme
Bir CSS yorumu eklemek oldukça kolaydır. Yorumunuzu yalnızca doğru açılış ve kapanış yorum etiketleriyle ayırırsınız:
- / * Ekleyerek yorumunuza başlayın
- Yorumunuzu ekleyerek * kapatın
Bu iki etiket arasında görünen herhangi bir şey, yorumların içeriğidir, yalnızca kodda görünür ve tarayıcı tarafından oluşturulmaz.
Bir CSS yorumu tek bir satır olabilir veya birden çok satır alabilir. İşte tek bir satır örneği:
div # border_red {kenarlık: ince düz kırmızı; } / * kırmızı kenarlık örneği * /Ve çok satırlı bir örnek:
/ *************************** ********************** ****** Kod metni için stil **************************** ************ *************** /Bölümleri Kırmak
Sıklıkla CSS yorumları kullanmanın yollarından biri, stil sayfamı daha küçük ve daha kolay parçalanabilen parçalar halinde organize etmektir. Dosyayı daha sonra tekrar gördüğümde bu bölümleri kolayca görebilmeyi severim. Bunu yapmak için, genellikle çok sayıda tire içeren yorumlar ekledim, böylece sayfadaki büyük ve açık kırılmaları sağladım. İşte bir örnek:
/ * ----------------------- Başlık Stilleri ----------------------- ------- * /Kodumdaki bu yorumlardan birini gördüğümde, bu belgenin yeni bir bölümünün başlangıcı olduğunu biliyorum, bu da kodu daha kolay işleyip kullanmamı sağlıyor.
& # 34; Yorum Yapma & # 34; kod
Yorum etiketleri, bir sayfanın kodlanması ve hata ayıklama işleminde de yararlı olabilir. Yorumlar, bu bölüm sayfanın bir parçası değilse ne olacağını görmek için bu kodun alanlarını "yorumlamak" veya "kapatmak" için kullanılabilir.
Peki bu nasıl çalışıyor? Peki, yorum etiketleri tarayıcının aralarında her şeyi görmezden gelmesini sağladığından, bunları CSS kodunun belirli bölümlerini geçici olarak devre dışı bırakmak için kullanabilirsiniz. Bu, hata ayıklama yaparken veya Web sayfası biçimlendirmesini ayarlarken kullanışlı olabilir.
Bunu yapmak için, kodun devre dışı bırakılmaya başlamasını istediğiniz açılış yorum etiketini eklemeniz ve ardından bu bitiş etiketini devre dışı bölümün bitmesini istediğiniz yere yerleştirmeniz yeterlidir. Bu etiketler arasındaki her şey bir sitenin görsel görüntüsünü etkilemeyecek ve bir sorunun nerede olabileceğini görmek için CSS'de hata ayıklamanıza izin verecektir. Daha sonra bu soruna girip düzeltin ve yorumları koddan kaldırabilirsiniz.
CSS Yorumlama İpuçları
Bir özet olarak, CSS’nizdeki yorumları kullanmak için hatırlamanız gereken bazı ipuçları:
- Yorumlar birden çok satıra yayılabilir.
- Yorumlar, bir tarayıcı tarafından işlenmesini istemediğiniz CSS öğelerini içerebilir, ancak tamamen silmek istemez. Bu, bir web sitesinin stil sayfalarında hata ayıklamanın iyi bir yoludur - sadece web sitesinde onlara ihtiyacınız olmadığına karar verirseniz, kullanılmayan stilleri kaldır (onları yorumda bırakmanın aksine)
- Açıklık eklemek ve gelecekteki geliştiricileri veya gelecekte kendiniz bilmesi gereken önemli şeyler hakkında bilgilendirmek için karmaşık CSS yazarken yorumları kullanın. Bu, ilgili herkes için gelecekteki geliştirme süresini koruyacaktır.
- Yorumlar, aşağıdaki gibi meta bilgileri de içerebilir:
- yazar
- tarih oluşturuldu
- telif hakkı bilgisi
performans
Yorumlar kesinlikle yardımcı olabilir, ancak bir stil sayfasına eklediğiniz daha fazla yorumların, bir sitenin indirme hızını ve performansını etkileyecek olan daha da artacağını unutmayın. Bu gerçek bir endişe, ancak performansın zarar göreceğinden korkmak için yararlı ve meşru yorumlar eklemekte tereddüt etmemelisiniz. CSS’nin satırları bir belgeye önemli boyut eklemez. CSS dosyasının boyutu üzerinde önemli bir etki yaratmak için yorum satırlarından TONS eklemeniz gerekir. CSS'nize bir avuç faydalı yorum eklemek size sayfa hızında net bir olumsuz etki bırakmamalıdır.
Sonunda, hem CSS belgelerinizde fayda sağlamak için yararlı yorumlar ile çok fazla yorum arasındaki dengeyi bulmak isteyeceksiniz.
Jennifer Krynin tarafından yazılmış orijinal makale. 7/5/17 tarihinde Jeremy Girard tarafından düzenlendi