A kadar HTML5 serbest bırakıldı, etiket bir tane gerektiriyordu nitelik: href. Ancak HTML5, bu özelliği bile isteğe bağlı hale getirir. Etiketi herhangi bir nitelik olmadan yazdığınızda, buna yer tutucu bağlantı denir.
Bir yer tutucu bağlantısı şöyle görünür:
Önceki
Geliştirme Sırasında Yer Tutucu Bağlantıları Kullanma
Neredeyse her web tasarımcısı şu veya bu sırada yer tutucu bağlantılar oluşturmuştur. web sitesi tasarlama ve oluşturma. HTML5'ten önce, bir programcı aşağıdakileri yer tutucu olarak yazardı:
bağlantı metni
Bir kullanma ile ilgili sorun başlık etiketi (#) yer tutucu bağlantı olarak, bağlantı tıklanabilirdir ve bu, müşterileriniz için kafa karışıklığına neden olabilir. Ve bir geliştirici bunları doğru URL'lerle güncellemeyi unutursa, bu bağlantılar tıklandığında kullanıcının bulunduğu sayfayı gösterir.
Bunun yerine, hiçbir özelliği olmayan etiketleri kullanmaya başlamalısınız. Bunları, sayfanızdaki herhangi bir bağlantı gibi görünecek şekilde biçimlendirebilirsiniz, ancak bunlar yalnızca yer tutucu oldukları için tıklanabilir olmayacaktır.
Canlı Sitelerde Yer Tutucu Bağlantıları Kullanma
Yer tutucu bağlantıların web tasarımında sadece daha fazlası için yeri vardır. gelişme. Yer tutucu bağlantının öne çıkabileceği yerlerden biri gezinme öğeleridir. Çoğu durumda, web sitesi gezinme listelerinin hangi sayfada olduğunuzu belirtmenin bir yolu vardır. Bunlara genellikle “buradasınız” göstergeleri denir.
Çoğu site güvenir kimlik özellikleri "buradasınız" işaretçisine ihtiyaç duyan öğede, ancak bazıları class niteliğini de kullanır. Ancak, hangi özelliği kullanırsanız kullanın, üzerinde navigasyon bulunan her sayfaya, niteliği doğru öğelere ekleyip çıkartmak için çok fazla ekstra çalışma yapmanız gerekir.
Bir yer tutucu bağlantı ile, navigasyonunuzu istediğiniz gibi yazabilir ve ardından bir sayfaya navigasyonu eklediğinizde, sadece uygun bağlantıdan href niteliğini kaldırabilirsiniz. Geliştirme için, yardımcı olacak hızlı bir ipucu, tüm gezinme listesini düzenleyicinizde bir kod parçacığı olarak saklamaktır, bu nedenle bu yalnızca hızlı bir kopyala-yapıştırdır. Daha sonra href'i silebilirsiniz. Aynı şeyi içerik yönetim sisteminizin (CMS) yapmasını da sağlayabilirsiniz.
Şekillendirme Yer Tutucu Bağlantıları
Yer tutucu bağlantıların stili ve stili, web sayfanızdaki diğer bağlantılardan farklı şekilde kolaydır. Hem a etiketine hem de a: link etiketine stil eklediğinizden emin olun. Örneğin:
bir {
kırmızı renk;
yazı tipi ağırlığı: kalın;
metin-dekorasyon: yok;
}
bir bağlantı {
renk: mavi;
yazı tipi ağırlığı: normal;
metin-dekorasyon: altı çizili;
}
Bu CSS yer tutucu bağlantıları altı çizili olmadan koyu ve kırmızı yapacaktır. Normal bağlantılar normal ağırlıkta, mavi ve altı çizili olacaktır.
Herhangi bir sıfırlamayı unutmayın stiller a etiketinden taşınmak istemezsiniz. Örneğin, yer tutucu bağlantılar için yazı tipi ağırlığı kalın olarak ayarlanmıştır, bu nedenle standart bağlantılar için bunu şu şekilde ayarlamanız gerekir:
yazı tipi ağırlığı: normal;
Aynı şey metin-dekorasyon. A seçici ile kaldırıldığında, geri koymasaydık a: link seçicisi için kaldırılmış olacaktı.