HTML’de Gizli MÖDÜN: CSS ile Görünmeyen İçeriklerin Gücü
Merhaba arkadaşlar!
Bildiğiniz gibi HTML ve CSS yalnızca görsel düzenlemelerden ibaret değil; aynı zamanda web sayfalarının yapıtaşlarını gizlemek veya ortaya çıkarmak gibi şaşırtıcı tekniklere de sahip. Bugün sizlere HTML’de nasıl görünmeyen ama aslında sayfa kodunda bulunan içerikler oluşturabileceğimizi göstereceğim.
İşte bunun en güzel yolu: CSS’nin visibility ve display özellikleriyle, içeriklerinizi gizlemenin yanı sıra, clone ve göstermek gibi gelişmiş teknikler. Örneğin, bazı web sitelerinde arka planda çalışan ama kullanıcı görmeyen bilgiler veya "sahte" içerikler yaratmak mümkün.
Bu yöntemi kullanarak, SEO veya erişilebilirlik açısından yeni kapılar açabilirsiniz. Ayrıca, güvenlik veya gizlilik sebepleriyle belirli bilgileri başlangıçta gizlemek ve ardından uygun zamanda göstermek için de faydalı olabilir.
İşte basit bir örnek:
Kod:
<div class="gizli-icerik">
Bu içerik ilk etapta görünmez.
</div>
<style>
.gizli-icerik {
visibility: hidden; /* Görünmez yapar */
position: absolute;
}
</style>Dilerseniz, bu içerikleri JavaScript yardımıyla da kontrollü şekilde gösterebilir veya gizleyebilirsiniz.
Sizler bu tarz gizli içerik tekniklerini nasıl kullanıyorsunuz? Yorumlarda paylaşırsanız memnun olurum!
Herkese iyi kodlamalar!
