HTML belgesinde nasıl link oluşturulur? Tag A - sözdizimi ve özellikleri
İnternet’teki bir sayfanın URL’si veya "adresi"
<A> etiketi ve temel sözdizimi
Mutlak ve bağıl referans
Geçerli olandan daha yüksek dizine olan göreli bağlantı
<A> etiketinin özellikleri. Bir belgeyi referans olarak yeni pencerede açma
Başlık bağlantısı <A> etiketi için title niteliği
Öznitelik köprüsü nofollow. Siteye ait "güven" in referans olarak aktarılmasının yasaklanması
Belgenin içine dahili bağlantı veya bağlantı
Bağlantı Çapa - Resim
Referanslar (veya köprüler) internete kan damarları gibi nüfuz eder. Bağlantı olmasaydı İnternet olmazdı.
Bir HTML belgesinde bir bağlantı oluşturma ve niteliklerini doğru bir şekilde kaydetme, URL'nin ne olduğu ve Arama Motorlarının bağlantılarla nasıl ilişkili olduğu - yeni başlayanların HTML öğrenmesi için bu sonraki derste.
Web üzerindeki her HTML belgesinin kendi “kesin adresi” vardır. İngilizce'den "URL" denir. URL - Tekdüzen Kaynak Bulucu
URL yapısı genellikle tarayıcının adres çubuğunda görülebilir. Bu içerir:
Protokol adı http: // veya https: //
bu belgenin bulunduğu klasör veya klasör yolu,
Dosya adı (her zaman olmayabilir).
Bu “kesin adres” sayesinde bu belgeye başka bir belgenin metninden atıfta bulunmak mümkün hale geldi.
Umarım “sözdizimi” kelimesi artık sizi korkutmaz.
<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> bağlantı metni </a>
Gördüğünüz gibi, <A> etiketinin başlangıcından sonra, gitmek istediğiniz belgenin adresini belirten zorunlu bir href niteliği olmalıdır.
<A> konteyner etiketinin içinde, bir metin (resmin olmasına rağmen) bağlantı metni bulunur. Ayrıca " Çapa " veya basitçe - Çapa denir.
Yukarıdaki örneklerde mutlak referanslar kullanılmıştır. Belgenin tam URL'sini içerenler.
Bazı durumlarda, href niteliği, protokolün adını ve sitenin alanını içeren tam bir URL içermez. Bağlantının yönlendirildiği belge aynı sitedeyse - belgenin bulunduğu yerden çıkan göreceli bağlantıyı kullanabilirsiniz.
Bağıl referans uygulandığında şema
Örnek: first.html belgesindeki bir bağlantı, haber klasöründe bulunan second.html dosyasına yönlendirir.
<a href="../first.html"> bu bir dizin düzeyinde bir dosyaya göreceli bir bağlantıdır </a>
Bu link "parent" dizinindeki first.html dosyasına yönlendirir, yani. bir seviye yukarı .
../ birleşimi, bağlantının yapıldığı dosyanın belirtilen konumundan bir seviye üste bir klasör belirtir.
Belgenin yeni bir tarayıcı sekmesinde açılabilmesi için target = "_ blank" niteliğini kullanmanız gerekir.
Öznitelik bağlantı hedefi = "_ boş"
Kötüye kullanmayın. Bu özellik ile siteye iç bağlantılar kurmanıza gerek yok. Kullanıcılar “kıvılcım penceresi” tarafından rahatsız edilecektir.
Genel olarak, bu hedef özelliği ile - tüm hikaye. Hala bir çok anlamı var, ancak hepsi bugün nadiren kullanılıyor.
Bunun nedeni, site ile artık popüler olmayan kareler üzerinde çalışmak üzere tasarlandıkları ve HTML5'in ortaya çıkmasıyla geçmişte kaldıklarından.
Başka bir yararlı özellik ise title = "Bu bağlantının nereye gittiğini açıklayan metin"
<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title=" pop-up ipucu ipucu> bu bir ipucu linkidir </a>
Gördüğünüz gibi, tarayıcı bunu bir araç ipucu olarak görüntüler. Ve yine de, arama motorlarını dikkate alır.
Bağlantı başlığı için öznitelik ipucu
Rel = "nofollow" linkleri için bir tane daha belirsiz özellik var.
Arama Motorlarına, bağlantı belgesinin güvenilir olamayacağını söyler. Aynı zamanda, Kaynak siteden gelen güven (“güven”) göstergeleri referans olarak siteye iletilmez.
“Güven” ve bağlantı sıralaması konusu hala devam etmektedir, ancak kısa ise arama motorlarındaki sitelerin “kaderi” de bu siteye yönlendiren bağlantı sayısına bağlı olacaktır. Bunların sayısı arttıkça, daha yetkili siteler bağlantısı yapılır - sitenin referans olarak daha güvenilirliği.
Bazı durumlarda, bu özellik ile bağlantı "tarama" değerinde. Örneğin, herhangi bir hizmetle ilgili olumsuz bir inceleme yazarsanız.
<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> kötü site </a>
Büyük metinlerde, dokümanın mantıksal kısımlarına "çapa" denilmesi genellikle gereklidir. Sonra bu yerde, başvurabilirsiniz.
Bunu kullanmanın en kolay yolu, bu bağlantılara giden köprülerden yerel bir içindekiler tablosu oluşturmaktır. Bu tür içindekiler genellikle makalenin başına yerleştirilir.
Böyle bir çapa oluştururken, href niteliği yerine name niteliği kullanılır.
Çapa oluşturma sözdizimi şöyledir:
Bir bağlantı oluştururken, URL'nin sonuna # işaretini ekleyin - "çapanın" adı:
<p> <a href="#top"> Üst </a> </ p>
Geçiş tam olarak bu yere, yani Tarayıcı bu yeri üst kısmına yerleştirir.
Genellikle, uzun belgelerde, en altta böyle bir bağlantı “Üst” koyuyorlar.
... güzel kokulu taneler dünyasını dolaşarak, Afrika, Asya, Orta ve Güney Amerika’nın ünlü olduğu yerlerin kalitesini buldular. Bu nedenle, bugün markanın kahvehanelerinde Kahve çekirdeği Tanınmış üreticilerin en iyi kahve çeşitlerini bulacaksınız.
? En üste ?
URL'nin sonuna # name_ işaretini eklerseniz, başka bir belgeden de bu yere çıkabilirsiniz.
<a href="http://domen-saita.ru/dokument.html#top"> bağlantı metni, bu belgede "üstte" bir bağlantıya yol açar </a>
Herhangi bir resim bir link olabilir.
Varsayılan olarak, bağlantılar tarayıcı tarafından düz mavi çizgi ile altı çizilidir ve bağlantı resimleri mavi kareyi alır.
Bağlantılar-resimler mavi bir çerçeve alır
Ondan kurtulmak için, sitenin CSS dosyasına basit bir kural eklenir:
Bu, tüm görüntü bağlantıları için sınır kalınlığını sıfır yapmak için bir talimattır.
Bir sonraki yazıda, kötü niyetli spam göndericilere karşı e-posta bağlantıları, özellikleri ve "koruma" yöntemleri hakkında konuşacağım.