Web sayfalarındaki bağlantılar veya çapalar
Web siteleri ve diğer iletişim araçları arasındaki birincil farklılaştırıcılardan biri, web tasarım terimlerinde teknik olarak bilinen "bağlantılar" veya köprülerdir.
Web’in bugün olduğu gibi yapılmasına yardımcı olmanın yanı sıra, bağlantılar ve resimler de web sayfalarında en sık eklenen şeylerdir. Daha da önemlisi, bu öğelerin eklenmesi kolaydır (yalnızca iki temel HTML etiketi ) ve aksi halde düz metin sayfaları olacak şeylere heyecan ve etkileşim getirebilirler. Bu makalede, web sayfalarına bağlantılar eklemek için kullanılan gerçek HTML öğesi olan (anchor) etiketini öğreneceksiniz.
Bağlantı Ekleme
Bir bağlantıya HTML'de bir çapa denir ve bu yüzden onu temsil eden etiket A etiketi olur. Yaygın olarak, insanlar sadece bu eklemelere "bağlantılar" olarak atıfta bulunurlar, ancak ankraj aslında herhangi bir sayfaya eklenmekte olan şeydir.
Bir bağlantı eklediğinizde, kullanıcılarınızın tıkladıklarında veya dokunulduğunda (dokunmatik ekrandaysa) bağlantı kurmasını istediğiniz web sayfası adresine yönlendirmeniz gerekir. Bunu özellik ile belirtin.
Href özniteliği, "köprü metni referansı" anlamına gelir ve amacı, belirli bir bağlantının nereye gitmesini istediğiniz URL'yi dikte etmektir. Bu bilgi olmadan, bir bağlantı işe yaramaz - tarayıcıya kullanıcının bir yere getirilmesi gerektiğini söyler, ancak "bir yerde" bulunması gereken yer bilgisi bulunmaz. Bu etiket ve bu özellik el ele gider.
Örneğin, bir metin bağlantısı oluşturmak için şunları yazabilirsiniz:
Web sayfasının URL'sine gitmek için "> Link olacak metin
Bu yüzden About.com Web Tasarım / HTML ana sayfasına bağlantı kurmak için şunları yazabilirsiniz:
Resimler dahil olmak üzere, HTML sayfanızdaki hemen hemen her şeyi bağlayabilirsiniz. ve etiketleriyle bağlantı kurmak istediğiniz HTML öğelerini veya öğelerini basitçe çevirin . Ayrıca href niteliğini dışarıda bırakarak yer tutucu bağlantıları da oluşturabilirsiniz - ancak geri dönüp href bilgilerini güncellediğinizden emin olun, aksi takdirde bağlantı erişildiğinde hiçbir şey yapmaz.
HTML5, paragraflar ve DIV öğeleri gibi blok düzeyindeki öğeleri bağlamak için geçerli kılar. Bir çapa etiketini, bir bölüm veya tanım listesi gibi çok daha geniş bir alana ekleyebilir ve tüm alanın "tıklanabilir" olmasını sağlayabilirsiniz. Bu, bir web sitesinde daha büyük, parmak dostu vuruş alanları oluşturmaya çalışırken özellikle yararlı olabilir.
Bağlantı Eklerken Hatırlanması Gereken Bazı Şeyler
- Son etiketi gerekli . Eklemeyi unutursanız, başka bir bağlantı etiketi kapatana kadar, bu bağlantıyı izleyen her şey de bağlanır.
- Çoğu zaman, büyük metin bloklarından ziyade, tek görüntüleri ve kısa metin açıklarını birbirine bağlamak en iyisidir. Bağlantılar, sayfanıza okunması zor olabilecek renkleri ve alt çizgi stillerini ekleyebilir. Tabii ki, bu bağlantıları stilleri değiştirmek ve renkleri düzenlemek veya alt çizgi kaldırmak için CSS kullanabilirsiniz, ancak yine de bu gerçeklik hakkında dikkatli olmak iyidir.
- Bağlantılarınızı kötüye gitmeyecek şekilde kontrol ettiğinizden emin olun. Link Rot, hem kullanıcıları hem de arama motorlarını sitenizin geçersiz saymasını sağlayabilir. Sayfalarınızdaki bağlantıları doğrulamak için düzenli olarak bir link denetleyicisi kullanın. Bu özellikle, 3. taraf sitelerine (yönetmediğiniz) bağlantı verdiğinizde ve sayfalarını zaman içinde değiştirerek, sizi ölü bağlantılara bıraktığınızda doğrudur. Bir bağlantı denetleyicisi bu ölü bağlantıları bulacaktır, böylece gerekli güncellemeleri yapabilirsiniz.
- Bağlantınızda "burayı tıklayın" gibi metinlerden kaçının. Unutmayın, dokunmatik ekranlı kişiler "tıklama" yapamazlar, böylece metin geçmiş bir dönemin ürünü gibi hisseder ve gerçekten günümüzün çoklu aygıt merkezli Web'le alakalı değildir.
Diğer İlginç Bağlantı Türleri
A öğesi, başka bir belgeye standart bir bağlantı oluşturur, ancak ilginizi çekebilecek başka türde bağlantılar vardır:
- İç Bağlantılar veya Çapalar —Bunlar, bir web sayfasının herhangi bir yerine, en üstte olmak zorunda olmayan bağlantılardır.
- Görüntü Haritaları - Görüntü haritaları , görüntünün belirli alanlarına eşlenen görüntüler üzerinde bağlantılar oluşturmanıza izin verir. Bunlar oyunlar veya yaratıcı navigasyon için kullanılabilir. Sıklıkla, haritadaki alanların tıklanabilir olduğu haritaları görürsünüz. Mobil cihazlarda sorunlara neden olabileceğinden, görüntü haritalarının çoğu modern web sitesinde kullanılmadığını unutmayın.
- Öğe - Bu öğe diğer belgeleri ve sayfaları geçerli olanla ilişkilendirmek için kullanılır. Web sayfanızda tıklanabilir bir alan oluşturmaz, ancak anlaşılması yararlıdır.