Skip to content

HTML Yer Tutucu Bağlantılarının Amacı

20 de Haziran de 2021

HTML5 yayınlanana kadar etiketin bir özelliği vardı: 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ı şuna benzer: Önceki

Geliştirme Sırasında Yer Tutucu Bağlantıları Kullanma

Neredeyse her web tasarımcısı, bir web sitesi tasarlarken ve oluştururken bir kerede yer tutucu bağlantılar oluşturmuştur. HTML5’ten önce, bir programcı yer tutucu olarak şunu yazardı: link metni

class=”ql-syntax”> Yer tutucu bağlantı olarak bir hashtag (#) kullanmanın sorunu, bağlantının tıklanabilir olmasıdır 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 geliştirmeden daha fazlası için yeri vardır. 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, “buradasınız” işaretçisine ihtiyaç duyan öğedeki id özniteliklerine güvenir, ancak bazıları class özniteliğini de kullanır. Ancak, hangi özelliği kullanırsanız kullanın, üzerinde navigasyon bulunan her sayfaya, niteliği doğru öğelere ekleyip çıkarmak için çok fazla ekstra çalışma yapmanız gerekir. Bir yer tutucu bağlantıyla, navigasyonunuzu istediğiniz gibi yazabilir ve ardından bir sayfaya navigasyonu eklediğinizde, 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ını altı çizili olmadan koyu ve kırmızı yapacaktır. Normal bağlantılar normal ağırlıkta, mavi ve altı çizili olacaktır. a etiketinden taşınmasını istemediğiniz stilleri sıfırlamayı unutmayın. Ö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 şunu ayarlamanız gerekir: yazı tipi ağırlığı: normal;

Aynı şey metin-dekorasyon için de geçerlidir. A seçici ile kaldırıldığında, geri koymasaydık a:link seçicisi için kaldırılmış olacaktı.

mla apa chicago Alıntınızı Biçimlendirin

Kyrin, Jennifer. “HTML Yer Tutucu Bağlantılarının Amacı.” Düşünce Şirketi, Mayıs. 14, 2021, thinkco.com/html5-placeholder-links-3468070.
Kyrin, Jennifer. (2021, 14 Mayıs). HTML Yer Tutucu Bağlantılarının Amacı. https://www.thinktco.com/html5-placeholder-links-3468070 adresinden alındı
Kyrin, Jennifer. “HTML Yer Tutucu Bağlantılarının Amacı.” Düşünce Şirketi https://www.thinktco.com/html5-placeholder-links-3468070 (20 Haziran 2021’de erişildi).