Web siteleri ve diğer iletişim araçları arasındaki temel farklılaştırıcılardan biri, "bağlantılar" veya köprüler teknik olarak web tasarım terimlerinde bilindiği gibi.
Web'i bugünkü haline getirmeye yardımcı olmanın yanı sıra, bağlantılar ve resimler, web sayfalarına kolayca en sık eklenen şeylerdir. Neyse ki, bu öğeleri eklemek kolaydır (sadece iki temel HTML etiketleri) ve aksi takdirde düz metin sayfalarına heyecan ve etkileşim getirebilirler. Bu makalede, gerçek olan (çapa) etiketi hakkında bilgi edineceksiniz. HTML öğesi web sitesi sayfalarına bağlantı eklemek için kullanılır.
Bağlantı Ekleme
Bir bağlantıya HTML'de bağlantı adı verilir ve bu nedenle onu temsil eden etiket A etiketidir. Genellikle, insanlar bu eklemelerden basitçe "bağlantılar" olarak bahsederler, ancak bağlantı, aslında herhangi bir sayfaya eklenen şeydir.
Bir bağlantı eklediğinizde, web sayfası adresi Kullanıcılarınızın bu bağlantıya tıkladıklarında veya dokunduklarında (dokunmatik ekrandalarsa) gitmelerini istediğiniz. Bunu öznitelikle belirtirsiniz.
href öznitelik "köprü metni referansı" anlamına gelir ve amacı, o belirli bağlantının gitmesini istediğiniz URL'yi dikte etmektir. Bu bilgi olmadan, tarayıcıya kullanıcının getirilmesi gerektiğini söyleyeceği için bir bağlantı işe yaramaz. bir yerde, ancak "bir yerin" nerede olması gerektiğine dair hedef bilgisine sahip olmayacaktı. olmak. Bu etiket ve bu nitelik el ele gider.
Dahil olmak üzere HTML sayfanızdaki hemen hemen her şeyi bağlayabilirsiniz. Görüntüler. Bağlantı olmasını istediğiniz HTML öğelerini veya öğelerini ve etiketleriyle çevreleyin. Ayrıca oluşturabilirsiniz yer tutucu bağlantılar dışarıda bırakarak href öznitelik — ancak daha sonra geri dönüp href bilgilerini güncellediğinizden emin olun, aksi takdirde bağlantı erişildiğinde aslında hiçbir şey yapmaz.
HTML5, paragraflar gibi blok düzeyindeki öğeleri bağlamayı geçerli kılar ve BÖL elementler. Bölme veya tanım listesi gibi çok daha geniş bir alanın etrafına bir bağlantı etiketi ekleyebilirsiniz ve bu alanın tamamı "tıklanabilir" olacaktır. Bu, özellikle bir web sitesinde daha büyük, parmak dostu vuruş alanları oluşturmaya çalışırken yardımcı olabilir.
Bağlantı Eklerken Hatırlanması Gereken Bazı Şeyler
- Son etiket gereklidir. Eklemeyi unutursanız, başka bir bağlantı etiketi kapatana kadar bu bağlantıyı izleyen her şey de bağlantılı olacaktır.
- Çoğu zaman, büyük metin blokları yerine tek görüntüleri ve kısa metin aralıklarını bağlamak en iyisidir. Bağlantılar, sayfanıza okunması zor olabilecek renkler ve altı çizili stiller ekleyebilir. Elbette, bu bağlantı stillerini değiştirmek ve renkleri düzenlemek veya alt çizgileri kaldırmak için CSS'yi kullanabilirsiniz, ancak yine de bu gerçeği göz önünde bulundurmak iyidir.
- Kötü gitmemeleri için bağlantılarınızı kontrol ettiğinizden emin olun. Link Rot, hem kullanıcıların hem de arama motorlarının sitenizi geçersiz saymasına neden olabilir. Sayfalarınızdaki bağlantıları doğrulamak için düzenli olarak bir bağlantı denetleyicisi kullanın. Bu, özellikle 3. taraf sitelere (yönetmediğiniz sitelere) bağlantı verdiğinizde ve bu sitelerin sayfalarını fazla mesai yaparak değiştirip sizi ölü bağlantılarla baş başa bıraktığınızda geçerlidir. Bir bağlantı denetleyicisi, gerekli güncellemeleri yapabilmeniz için bu ölü bağlantıları bulacaktır.
- Bağlantınızda "buraya tıklayın" gibi metinlerden kaçının. Unutmayın, dokunmatik ekranlı insanlar "tıklayamazlar", bu nedenle metin geçmiş bir çağın ürünü gibi hissettirir ve günümüzün çok cihazlı merkezli web'iyle gerçekten alakalı değildir.
Diğer İlginç Bağlantı Türleri
bir öğesi başka bir belgeye standart bir bağlantı oluşturur, ancak ilginizi çekebilecek başka bağlantı türleri de vardır:
- Dahili Bağlantılar veya Bağlantılar: Bunlar, mutlaka en üstte değil, bir web sayfasındaki herhangi bir yere bağlantılardır.
- Resim Haritaları: Görüntü haritaları, görüntünün belirli alanlarıyla eşlenen görüntüler üzerinde bağlantılar oluşturmanıza olanak tanır. Bunlar oyunlar veya yaratıcı gezinme için kullanılabilir. Bunları genellikle haritadaki alanların tıklanabilir olduğu haritalarda görürsünüz. Çoğu modern web sitesinde resim haritalarının kullanılmadığını unutmayın, çünkü kısmen mobil cihazlarda sorunlara neden olabilirler.
- Öğe: Bu öğe, diğer belgeleri ve sayfaları mevcut belgeyle ilişkilendirmek için kullanılır. Web sayfanızda tıklanabilir bir alan oluşturmaz, ancak anlamakta fayda var.