HTML belgesinde nasıl link oluşturulur? Tag A - sözdizimi ve özellikleri

  1. İnternet’teki bir sayfanın URL’si veya "adresi"
  2. <A> etiketi ve temel sözdizimi
  3. Mutlak ve bağıl referans
  4. Geçerli olandan daha yüksek dizine olan göreli bağlantı
  5. <A> etiketinin özellikleri. Bir belgeyi referans olarak yeni pencerede açma
  6. Başlık bağlantısı <A> etiketi için title niteliği
  7. Öznitelik köprüsü nofollow. Siteye ait "güven" in referans olarak aktarılmasının yasaklanması
  8. Belgenin içine dahili bağlantı veya bağlantı
  9. Bağlantı Çapa - Resim
  10. uzatma

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.

İnternet’teki bir sayfanın URL’si veya "adresi"

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:

  1. Protokol adı http: // veya https: //
  2. Site Etki Alanı
  3. bu belgenin bulunduğu klasör veya klasör yolu,
  4. Dosya adı (her zaman olmayabilir).

Bu “kesin adres” sayesinde bu belgeye başka bir belgenin metninden atıfta bulunmak mümkün hale geldi.

<A> etiketi ve temel sözdizimi

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.

Mutlak ve bağıl referans

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.

Geçerli olandan daha yüksek dizine olan göreli bağlantı

kod:

<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.

<A> etiketinin özellikleri. Bir belgeyi referans olarak yeni pencerede açma

Belgenin yeni bir tarayıcı sekmesinde açılabilmesi için target = "_ blank" niteliğini kullanmanız gerekir.

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şlık bağlantısı <A> etiketi için title niteliği

Başka bir yararlı özellik ise title = "Bu bağlantının nereye gittiğini açıklayan metin"

sözdizimi:

<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

Öznitelik köprüsü nofollow. Siteye ait "güven" in referans olarak aktarılmasının yasaklanması

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>

Belgenin içine dahili bağlantı veya bağlantı

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:

<a name="top"> </a>

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>

Bağlantı Çapa - Resim

Herhangi bir resim bir link olabilir.

kod:

<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>

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:

a {border: 0px;}

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.

uzatma

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.