HTML & CSS için yeni başlayanlar için

HTML ve CSS'ye Giriş (Bölüm 12): Bağlantıları Tanımlamak (2)

Eğitimdeki tüm videolar HTML ve CSS için başlangıç kılavuzu

E-posta adreslerine bağlantılar ekleyebilirsiniz. Bu nasıl çalıştığını göstermeden önce, bu konuda bazı ipuçları daha var. Kişisel olarak, bu E-posta bağlantılarını pek sevmedim. Daha uygun olan şeyler elbette formlardır. Çünkü eğer bir E-posta istemcisi yüklü değilse veya mevcut kullanıcı için doğru şekilde yapılandırılmamışsa, E-posta bağlantıları doğru çalışmaz. Sonuç olarak, E-posta bağlantılarını mı yoksa formları mı kullanmak istediğinize tabii ki siz karar vereceksiniz. Formlar hakkında detaylı bilgiler bu serinin ilerleyen bölümlerinde verilecektir.

Bir E-posta bağlantısına tıklandığında, ziyaretçi genellikle bir E-posta penceresini açacaktır.

HTML ve CSS'ye Giriş (Bölüm 12): Bağlantıları Tanımlama (2)

Ancak bu garanti değildir. Ziyaretçinin bu işlemi gerçekleştirebilmesi için ilgili ayarların gerçekten yapılması gerekmektedir. Tekrar belirtmek gerekirse, E-posta bağlantıları çözüm olarak ideal değildir. Bununla birlikte, böyle bir bağlantıyı ara sıra elbette kullanabilirsiniz. İşte sözdizimi:

<a href="mailto:kontakt@psd-tutorials.de">kontakt@psd-tutorials.de</a>



Görüldüğü gibi, burada başlangıçta klasik bir bağlantı söz konusudur.

HTML ve CSS'ye Giriş (Bölüm 12): Bağlantıları Tanımlama (2)

Buradaki önemli olan şey ise, href niteliğine verilen değerdir. Referans hedefi her zaman mailto ile başlar ve iki noktaya sahiptir. Ardından istenilen E-posta adresi gelir.

E-posta referanslarında, atıfta bulunduğunuz metne dikkat etmelisiniz. En iyisi, oraya her zaman E-posta adresini bir kez daha girmektir. Böylece, bağlantıya tıklandıktan sonra hiçbir şey olmayan veya bir E-posta istemcisinin açılmadığı kullanıcılar bile adresi kopyalayabilir ve size hala bir E-posta gönderebilir.

E-posta bağlantılarını tanımlarken, sadece alıcı adresini belirtebileceğiniz başka seçenekleriniz de olduğunu unutmamalısınız. Bahsedilen şeylerin HTML standartları olmadığını, ancak tarayıcılar tarafından genellikle desteklendiğini unutmayın.

Öncelikle doğrudan bir Cc alıcı belirleyebilirsiniz.

<a href="mailto:kontakt@psd-tutorials.de?cc=info@psd-tutorials.de">kontakt@psd-tutorials.de</a>



Bunun için asıl alıcı adresinin arkasına bir soru işareti ekleyin. Ardından cc ve bir eşittir işareti, ardından görünür bir E-posta kopyasının gönderileceği adres yazılır. cc yerine ayrıca bcc yazabilirsiniz. Bu durumda belirtilen adres Gizli Kopya kutusuna aktarılır ve E-posta, bu adrese görünmeyen bir kopya olarak gönderilir.

Varsayılan bir konu belirlemek isterseniz, bu da mümkündür.

<a href="mailto:kontakt@psd-tutorials.de?subject=Post%20an%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>



İstenen konuyu subject arkasına yazın. Bu işlevin doğru çalışabilmesi için konuda boşluk kullanmamalı veya özel olarak %20 karakter dizisiyle maskelemelisiniz.

Eğer isterseniz, E-posta metnini veya bir kısmını da belirtebilirsiniz. Bu için body parametresi kullanılır.

<a href="mailto:kontakt@psd-tutorials.de?body=Hallo%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>



HTML ve CSS'ye Giriş (Bölüm 12): Bağlantıları Tanımlamak (2)



Burada, subject ile ilgili olarak belirtilen aynı şeyler geçerlidir.

Dosyaları İndirme İçin Sunma

Websitesinde indirilebilir dosyalar sunmak istiyorsanız, bunu yapabilirsiniz. (Bu sırada muhtemel yasal yönleri burada dışarıda bırakıyorum). Bunun oldukça kolay bir şekilde gerçekleştirilebileceği bir şeydir. Bir bağlantı tanımlarsınız ve ilgili dosyayı hedef olarak belirtirsiniz.

<a href="buch.zip">Kitap İçin İndirmeler</a>



Bu durumda, referans hedefi bir Zip dosyasıdır. Bağlantıya tıklandığında tarayıcı genellikle bir İndirme Diyaloğu sunar veya dosyayı doğrudan indirir.

HTML ve CSS'ye Giriş (Bölüm 12): Bağlantıları Tanımlama (2)



İndirme işlemini bu diyaloğ üzerinden yapabilirsiniz. Ancak sonuç olarak, belirtilen dosyalarla tarayıcıların nasıl işlem yapacağına karar verir.

PDF dosyalarını tarayıcılar genellikle doğrudan açarlar, ilgili bağlantıya tıklandığında. Bu çoğu durumda elbette tamamen sorunsuzdur. Ancak bazen PDF dosyalarını da indirmek isteyebilirsiniz. (Elbette ziyaretçiler sağ tıklayarak ve dosyayı indirerek de bu işlemi yapabilirler. Ancak tüm web sitesi ziyaretçilerinin bu seçenekten haberdar olduğunu varsaymak iyi bir yaklaşım olmayabilir).

HTML5'te, Hyperlink'leri gerçekten İndirme Bağlantıları olarak işaretleyebilirsiniz. Bunun için download niteliği kullanılır.

<a href="ebook.pdf" download>İndir</a>



Bu nitelikle donatılan bir bağlantı - eğer tarayıcı bu niteliği destekliyorsa her zaman dosyayı indirir.

Varsayılan olarak, dosya, asıl adıyla kaydedilir. Bu da genellikle sorunsuzdur. Ancak indirilen dosyaya farklı bir isim vermek isteyebilirsiniz. Bu da kolaylıkla yapılabilir. Bu durumda yine download niteliği kullanılır. Bu niteliğe, istenen adı atarsınız.

<a href="ebook.pdf" download="dk.pdf">İndir</a>



Tarayıcı bu seçeneği destekliyorsa, İndirme işlemi download özniteliği atanmış adı kullanır.

HTML ve CSS'ye Giriş (Bölüm 12): Bağlantıları Tanımlama (2)

Mantıksal İlişkiler Belirtmek

Bir bağlantının tanımıyla ilgili ilginç olabilecek bir öznitelik reldir. Bu özniteliğin üzerinden, bağlantının referans hedefine olan mantıksal ilişkisini belirtebiliriz. Tarayıcılar bunu fareyle bağlantıların üzerine gelindiğinde ilgili simgeleri göstermek için kullanabilirler. Ancak şu anda bunu yapmıyorlar. Dolayısıyla rel özniteliğinin görsel etkisi yoktur.

<a href="zwei.htm" rel="next">devamı</a>



rel özniteliği için aşağıdaki değerler mevcuttur:

alternate – Belgenin alternatif bir sürümüne bağlantı.

author – Belgenin yazarına bağlantı.

bookmark – Belgenin yer işareti olarak kullanılabilen kalıcı bağlantı.

help – Yardım dosyasına bağlantı.

license – Telif hakkı bilgilerine bağlantı.

next – Sonraki belgeye bağlantı.

nofollow – Arama motorlarının bağlantıyı takip etmemesi gerektiğini belirtir.

noreferrer – Tarayıcı HTTP-Referrer başlığı göndermez.

prefetch – Belge önbelleğe alınmalıdır.

prev – Önceki belgeye bağlantı.

search – Belge için bir araç bağlantısı.

tag – Belgeyi tanımlayan bir anahtar kelime.

Böylece hedef referans arasındaki ilişki daha detaylı bir şekilde belirtilebilir.