Son zamanlarda blogumda yazdığım CSS ile ilgili yazılar, bir soruyu gündeme getirdi: “CSS ne?” Aslında, CSS’in ne olduğunu öğrenmek için Vikipedi’ye başvurabilirsiniz. Ancak CSS kullanmanın faydalarını tartışarak, bu konuyu daha derinlemesine inceleyelim.
1. Tasarım ve İçeriği Ayırma
Eskiden, tablolar kullanılarak yapılan sayfalarda, tüm içerik ve tasarım tek bir HTML koduyla belirlenirdi. Yani, tasarım ve içerik birbirine sıkı sıkıya bağlıydı. Ancak CSS ile, sayfanın tasarımını HTML’den bağımsız hale getirebilirsiniz. Bu sayede, HTML içerik odaklı kalırken, tasarım CSS ile ayrı bir dosyada ya da sayfanın içinde özel bir bölümde tanımlanabilir. Örneğin, “başlık” adlı bir bölüm için belirlediğiniz tüm stil ve biçimlendirme işlemleri, sadece CSS dosyasında yapılır ve HTML kodunuza müdahale etmeden uygulamaya konur.
2. Siteyi Daha Hızlı ve Kolay Yönetilebilir Hale Getirme
Bir CSS dosyası oluşturduğunuzda, bu dosya birden fazla sayfa tarafından kullanılabilir. Örneğin, genellikle bir sitenin menüsü CSS ile stilize edilir ve tüm sayfalarda bu menüyü güncellemek için tek bir CSS dosyasına bağlantı verilir. Eğer menüde bir değişiklik yapılması gerekiyorsa, sadece CSS dosyasını güncelleyerek tüm sayfalarda menüyü yenileyebilirsiniz. Bu da siteyi yönetmeyi son derece kolaylaştırır. Ayrıca, bir ziyaretçi sitenize ilk kez girdiğinde, CSS dosyasını bir kez yükler. Sonrasında, yeni sayfalara geçiş yaptıklarında, sadece içerik yüklenir ve sayfalar çok daha hızlı açılır çünkü tasarım önceden yüklenmiştir.
3. Farklı Tarayıcılarla Uyumlu Hale Getirme
Eskiden, İnternet Explorer gibi bazı tarayıcılar, W3C standartlarını göz ardı ederek kendi başlarına tasarımlar yapabiliyorlardı. Ancak Firefox ve Opera gibi standartlara sadık tarayıcıların yükselmesiyle, siteler farklı tarayıcılarda farklı görünümler alabiliyor. CSS sayesinde, sitenizi ziyaret eden kullanıcıların hangi tarayıcıyı kullandığını algılayabilir ve ona göre sayfanızda küçük farklılıklarla tasarımı uyarlayabilirsiniz. Böylece tüm tarayıcılar arasında uyumlu bir deneyim sunabilirsiniz.
4. Arama Motorlarının Sitenizi Daha İyi Görmesi
CSS ile tasarım ve içerik arasındaki sınırları net bir şekilde ayırdığınızda, arama motorları (böcekler) HTML kodundaki içeriği daha kolay algılar ve siteyi çok daha doğru bir şekilde değerlendirebilir. Eskiden, tasarımı da içeriğin içinde görmeye çalışan arama motorları, HTML içinde karışıklık yaratabiliyordu. Ancak CSS ile içerik temizlenmiş olur ve arama motorları, sitenizin içeriğini çok daha rahat bir şekilde tarayabilir. Bu da sıralamalarda daha yüksek bir konum elde etmenizi sağlar.
5. Farklı Ortamlar İçin Farklı Sunumlar
Artık sadece masaüstü bilgisayarlar değil, mobil cihazlar, tabletler ve hatta yazıcılar da interneti kullanıyor. CSS, tüm bu cihazlar için uygun, uyumlu tasarımlar oluşturmanıza olanak tanır. Örneğin, mobil cihazlar için sayfanızda kullanılan fontlar, düzenler ve menüler farklı bir şekilde ayarlanabilir. Ayrıca, yazıcılar için özel bir CSS dosyası hazırlayarak, kullanıcıların sayfanızı basarken daha uygun bir tasarımla karşılaşmalarını sağlayabilirsiniz.
