Görsel bağlantıları: dört HTML örneği

Kurgusal eğitim örnekleri. Sayfa veya görsel indirilmez; gerçek bağlantı ya da sıralama sonucu doğrulanmaz.

Bağlantısız görsel

Tarayıcı görsel dosyasını isteyebilir, ancak bir bağlantı hedefi yoktur. Görseli yeniden kullanmak veya başka sunucudan yüklemek tek başına üreticinin sayfasına tıklanabilir backlink oluşturmaz.

Kaynak sayfa
https://publisher.example/story
Görsel dosyası
https://images.example/atlas.svg

Metin olarak gösterilen örnek HTML

<img src="https://images.example/atlas.svg" alt="Erişilebilir ulaşım atlasını aç">
Amacı açıklanan görsel bağlantısı

Bağlantı atlas sayfasına gider. Alternatif metin renkleri değil hedefi açıklar. Görsel dosyası ile bağlantı hedefi farklı URL’lerdir.

Kaynak sayfa
https://publisher.example/story
Görsel dosyası
https://images.example/atlas.svg
Bağlantı hedefi
https://target.example/atlas

Metin olarak gösterilen örnek HTML

<a href="https://target.example/atlas"><img src="https://images.example/atlas.svg" alt="Erişilebilir ulaşım atlasını aç"></a>
Adı olmayan görsel bağlantısı

Bağlantı vardır, fakat boş alt ve bağlantı metninin yokluğu amacını belirsiz bırakır. Anlamlı erişilebilir bir ad sağlayın; dosya adına anahtar kelime eklemek etiketi düzeltmez.

Kaynak sayfa
https://publisher.example/story
Görsel dosyası
https://images.example/atlas.svg
Bağlantı hedefi
https://target.example/atlas

Metin olarak gösterilen örnek HTML

<a href="https://target.example/atlas"><img src="https://images.example/atlas.svg" alt=""></a>
Açıklayıcı metinle birlikte görsel

Aynı bağlantıda açık bir metin bulunduğundan boş alt aynı adı tekrar etmeyi önleyebilir. Yalnız alt değerini değil bağlantının bütününü değerlendirin.

Kaynak sayfa
https://publisher.example/story
Görsel dosyası
https://images.example/atlas.svg
Bağlantı hedefi
https://target.example/atlas

Metin olarak gösterilen örnek HTML

<a href="https://target.example/atlas"><img src="https://images.example/atlas.svg" alt=""> Ulaşım atlasını incele</a>

Özgün görsel kaynak taslağı

Ulaşım atlası taslağı: tarihli ve belgelenmiş verilerle yolcuların basamaksız güzergâhları karşılaştırmasını sağlayın. Diyagramla birlikte metin tablosu, yöntem, kaynak notları, sürüm tarihi ve düzeltme iletişimi yayımlayın. Açık kullanım koşullarıyla yeniden kullanılabilir görsel ve kalıcı açıklama sayfası sunun. Önerilen atıf açıklamaya gitmeli, tanıtım amaçlı bağlantı metnini zorunlu kılmamalıdır. Yararlı ziyaretleri ve düzeltmeleri gözlenen atıflardan ayrı ölçün; kullanım veya sıralama sonucu uydurmayın.