HTML'nin Temelleri: bağlantılarla çalışma. A etiketi ve rel, target, name öznitelikleri. Geçerli hedef = "_blank"

Birçok sitenin harici bağlantıları yeni bir pencerede açma uygulaması vardır. Genellikle, örneğin geliştiricinin web sitesine veya arama motoru sonuçlarına bağlantılar bu şekilde açılır. Kural olarak, bunun için etiket niteliği kullanılır.< >:

Genel olarak konuşursak, kullanıcıya bağlantıyı nasıl açacağını söylemek çirkindir. Web sitesi kullanılabilirlik guruları, oybirliğiyle, kullanıcının bağlantıyı nasıl açacağına kendisinin karar verebileceğini iddia ediyor. Bu konuda bizim isteğimiz olmadan pencerelerini çözecek. Ayrıca, standart tarayıcı geri düğmesini de kıracağız. Alışkanlıklara böylesine büyük bir müdahale, muhtemelen hoşlanmamaya neden olabilir!

Ayrıca kötü bir izlenim yaratılıyor: “Kullanıcı siteyi terk ediyor! Asla geri gelmeyebilir! Ah-ah-ah! Ne yapalım? Başka bir pencerede yeni bir bağlantı açalım! Belki ihtiyacı olan her şeyi gördüğünde, sonra bu pencereyi kapattığında, tekrar bize ulaşır ve sonra kesinlikle düzenli bir ziyaretçi olur!

Umarım anlamı açıktır - siteyi yüksek kaliteli faydalı ve ilginç içerikle doldurun ve ardından ziyaretçiler bilinçli ve bağımsız olarak geri dönecektir.

Bununla birlikte, ahlaki yanı sıra, konunun teknik bir yanı da var - hedef öznitelik XHTML 1.0 Strict spesifikasyonunda değil ve buna göre doğrulamayı geçmeyecek!

Geçerli Çözüm: JavaScript

Önceki paragraflara rağmen yine de sayfayı yeni bir pencerede açmaya karar verdiyseniz (veya buna mecbur kaldıysanız), en azından geçerli kılalım.

JavaScript'in kurtarmaya geldiği yer burasıdır. Bağlantının onclick olayını yakalamaya çalışalım ve window.open() işlevini kullanarak yeni bir pencereyi açmaya zorlayalım. Bundan sonra, false döndürmeyi belirterek yerel penceredeki bağlantıya geçişi yasaklayacağız:

Bağlantı yeni bir pencerede açılacak

Çözümü kontrol edelim:

Her şey harika. Tarayıcılar, bağlantıyı güvenle yeni bir pencerede açar. Doğrulayıcı bizi yeşil bir başarı mesajıyla memnun ediyor. Sakinleşebilirsin gibi görünüyor, ama işte oradaydı! Tarayıcıya sabit bir pop-up engelleyici koymayı deneyelim ve bağlantıyı tekrar takip edelim!

Daha iyi çözüm

Pop-up engelleme, esas olarak can sıkıcı reklamlarla mücadele etmek için tasarlanmıştır. Bu özellik tüm modern tarayıcılarda mevcuttur. Hatta bazı tarayıcılar farklı engelleme seviyeleri sunar. Örneğin, Opera 9+'da yalnızca "istenmeyen" pencereleri veya her şeyi engelleyebilirsiniz.

Kullanıcıların yüzde kaçının açılır pencerelerle bu kadar radikal bir şekilde mücadele ettiğini bilmiyorum, ancak yalnızca bu tür ayarlarla, bir pencere açmak yerine küçük bir "açılır pencere engellendi" istemi görünecektir. Ayrıca, tarayıcının ayarlardaki bir tıklamaya verdiği tepkinin bu tezahürü bile devre dışı bırakılabilir. Bu durumda, bağlantı işlevselliğini kaybedecektir: “Tıklıyorum ama hiçbir şey olmuyor!”

Bunu okuduktan sonra birisi şöyle dediyse: “Herkesi memnun edemezsiniz! Peki, kim onların doktoru, onlar için her şey kapalı! ”, O zaman böyle insanlarla yola çıkmayız. Geri kalanı için devam edelim.

Bağlantı yeni bir pencerede açılacak

Burada, window.open() işlevinin, pencere başarılı bir şekilde açıldığında true, aksi takdirde false döndürmesinden yararlandık. Diğer bir deyişle, bağlantının yeni bir pencerede başarıyla açılması durumunda, bağlantının yerel penceremizde açılmasını engelleriz, çünkü dönüş!true=false olacaktır. Ve tam tersi, eğer pencere açılamadıysa, true döndürmek bağlantının normal çalışmasına izin verecektir.

Hedefin şu anda ilgili tek değeri _blank'tir. Hedefin diğer değerleri, belirli çerçeveleri belirtmek için kullanıldı. Ancak çerçeveler HTML5'te kullanımdan kaldırılmıştır.

varsayılan hedef

Hedef belirtilmezse, kullanıcı veya tarayıcı aksini belirtmedikçe bağlantı mevcut bağlamda açılır.

a target=”_blank” Yeni Tarayıcı Sekmesinde (veya Pencerede) Aç

Hedef özelliği, bağlantı tıklandığında bağlantılı belgenin nerede açılacağını belirtir. Varsayılan, geçerli penceredir. target="_blank" ise, bağlantılı belge yeni bir sekmede veya (eski tarayıcılarda) yeni bir pencerede açılır.

Neden Yeni Bir Tarayıcıda Açmalısınız?

`target=”_blank” kullanmanın en yaygın nedeni, site dışı bağlantıların ayrı bir sekmede açılmasıdır. Bu, kullanıcının bir referansı tıklamasına ve mevcut sayfadan ayrılmadan daha sonra ona geri dönmesine izin verir. Ziyaretçileri sitenizde daha uzun süre tutar ve ölçümlerinizin çoğunu iyileştirir: hemen çıkma oranı, dönüşüm, ziyaret edilen sayfalar.

JavaScript ile Tüm Dış Bağlantıları Yeni Sekmede Açın

Sitenizdeki her bağlantıya manuel olarak target="_blank" eklemeniz gerekmez. Çok sayıda bağlantı verirseniz (ki bunu yapmanız gerekir), sitenize bir JavaScript kodu eklemek ve tüm harici bağlantıları _blank bağlantıları otomatik olarak.

jQuery(document.links) .filter(function() ( this.hostname döndür != window.location.hostname; )) .attr("hedef", "_blank");

(Bu web sitesinin her sayfasında bu kodun biraz değiştirilmiş bir formunu çalışırken görebilirsiniz.) Bu numara jQuery gerektirir, ancak bunu zaten kullanıyor olma ihtimaliniz yüksek. WordPress, Drupal ve Twitter Bootstrap dahil olmak üzere en popüler çerçevelerde ve içerik yönetim sistemlerinde kullanılır. Bunu jQuery olmadan yapmanız gerekiyorsa, bu da yapılabilir. İşte "düz" bir versiyon:

function externalLinks() ( for(var c = document.getElementsByTagName("a")), a = 0;a< c.length;a++) { var b = c[a]; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks();

Bu, kolaylaştırmanın yanı sıra, işaretlemenizi önemli ölçüde temizler.

`target=”_blank” kullanmama nedenleri

Bazı insanlar, kullanıcıların bağlantıları yeni bir tarama bağlamında açmayı tercih etmediğini iddia ediyor. Bunu yapmanın pop-up reklamlara ve diğer sinir bozucu davranışlara benzediğini düşünüyorlar. yükselişi ile sekmeli tarama, bu argüman büyük ölçüde ortadan kalktı. Çoğu kullanıcı bağlantıları yeni bir sekmede açmayı tercih eder, çünkü bu onların mevcut tarama bağlamını kaybetmeden daha sonra okumak üzere referans verilen bağlantılara gelmelerine olanak tanır.

Hedef Özelliğin Değerleri

Değer Adı	notlar
_boşluk	Bağlantılı belgeyi yeni bir sekmede veya pencerede açar.
_parent	Bağlantıyı üst çerçevede açar. Çerçeveler HTML5'te kullanımdan kaldırılmıştır.
_kendi	Bağlantıyı geçerli çerçevede açın.
_tepe	Bağlantıyı en üstteki çerçevede açar. Çerçeveler HTML5'te kullanımdan kaldırılmıştır.
çerçeve adı	Bağlantıyı adlandırılmış çerçevede açar. Çerçeveler HTML5'te kullanımdan kaldırılmıştır.

Yazardan: Bir bağlantı, tıklandığında ne olacağını kontrol eden bir hedef niteliğine sahip olabilir. Bu öznitelik için olası bir değer, bu bağlantı tıklandığında tarayıcıya yeni bir pencere (veya kullanıcı tercih ederse sekme) açmasını söyleyen _blank'tir.

HTML'de "yanlış" olarak kabul edildi (belki yalnızca XHTML'de?), ancak çalıştığı için yine de uygulandı. HTML5'te her şey kesinlikle yasal hale geldi. Ama bunu yapmak için iyi nedenler var mı?

Kötü sebep: çünkü böyle seviyorsun

Beğenin ya da beğenmeyin, target="_blank" varsayılan davranışı geçersiz kılar. Aynı sayfada açılan bağlantılar varsayılan davranıştır (bağlantıda target="_self" varmış gibi). Tüm bağlantıları yeni pencerelerde/sekmelerde açma alışkanlığı edinmiş olabilirsiniz. Harika, ancak çoğu kullanıcının varsayılan davranışla daha rahat olduğunu varsayalım. Ve böylece, üzerlerine başka bir şey zorladığınızda kendilerini daha az rahat hissederler.

Bu yalnızca size özel bir dahili araçsa, istediğinizi yapın. Siteyi başkaları kullanıyorsa, olduğu gibi bırakın. Ayrıca, kullanıcıların bağlantıya sağ tıklayarak (ve istenen öğeyi seçerek) yeni bir pencerede/sekmede bir bağlantı açabileceğini belirtmekte fayda var. Bu, her iki davranışın da bağlantılar için kullanılabilir olduğu anlamına gelir. Ayrıca, yeni sekmeler açmaktan hoşlanıyorsanız, istediğinizi yapın, ancak bu davranışı kimseye zorlamamalısınız. Ve target="_blank" kullanırken sadece bu mümkündür.

Kötü neden: Kullanıcıların sayfanızdan hiç ayrılmamasını istiyorsunuz

Kötü neden: "iç" ve "dış" bağlantılar farklıdır.

"Dahili" bağlantılarımız (kendi sitemizi işaret eden) normal şekilde çalışır, ancak "harici" bağlantılar (diğer siteleri işaret eden) yeni bir pencerede/sekmede açılır. Bu, yukarıdaki iki nedenden kaynaklanmaktadır, sadece daha da kötüdür. Organik bağlantıların ideal olduğunu çok iyi biliyorsunuz, ancak kullanıcının sitenizden ayrılmak zorunda kalacağı anlamına geliyorsa, bu ideali yok etmek istiyorsunuz. Birçok insandan bunun bir "gelenek" olduğunu duydum. Bir nevi bu şekilde yapılmak isteniyor. Ama bu doğru değil.

Kötü Sebep: PDF'ye Bağlantı

Veya başka herhangi bir ağ dışı kaynak. Neden farklı yapılması gerekiyor? Geri düğmesini kullanarak da geri dönebilirsiniz. Kullanıcıların bir dosyayı açmadan indirmelerine yardımcı olmak istiyorsanız, bu iyi bir kullanılabilirlik zorluğudur, ancak bunu başarmanın birçok yolu vardır. Yeni başlayanlar indirme özelliğini kullanabilir.

Kötü sebep: müvekkilimin istediği şey bu

"Bunun için savaşmak istemiyorum" argümanını anlıyorum çünkü fazla enerjin yok. Ama bunun bir savaş olduğu ortaya çıkması garip. Müşteri bu konuda size güvenmiyorsa, genel olarak size neye güveniyor? Bu taraftan girebilirsiniz:

Varsayılan olarak, bağlantılar normal şekilde açılır. Bu davranışı değiştirmenin birkaç nedeni vardır ve başarılı olacaktır, ancak çoğu bağlantı için bu mümkün değildir. Ne de olsa, arzularımızı kullanıcıya empoze etmek istemiyoruz ve potansiyel olarak onu bu önemsiz şeyle üzüyoruz. Kullanıcılarımızın hakkımızda iyi bir fikre sahip olmalarına ihtiyacımız var.

Ve umarız sakin ve temelli yaklaşımınız müşterinizin sizin hakkınızda iyi düşünmesine yardımcı olur.

Kötü Sebep: Sonsuz Kayan Sayfa

Sonsuz kaydırma zor bir şeydir. Bir yandan sürekli içerik sunabildiği için iyi bir kullanıcı deneyimi sağlayabilir. Ve yanlış yapılırsa kötü bir izlenim bırakabilir. Sonsuz kaydırma sayfasında "geri" gitmek, çoğu durumda kaldığınız yerden devam etmelidir. Bu zor sorunu çözmek sizin işiniz. Bu sorunun asla yaşanmaması için bağlantıları yeni sekmelerde açmak işinizi yapmaktan kaçınmaktır.

İyi sebep: kullanıcı medya içeriği oynatmayı başlatır

Örneğin: müzik, video, podcast... Kullanıcı çalmaya başladı. Sayfaları taşımak onu durduracaktır. Bu noktada, bağlantıların yeni sekmelerde açılmasını sağlayın veya kullanıcının sayfadan ayrılmak istediğinden emin olup olmadığını sorun. Böylece onun için iyilik yapmaya çalışacak ve sayfadan çıkmasına izin vermeyeceksiniz.

Bu fikri zaten ele aldık. Medya oynatılıyorsa, bağlantılara özel bir şekilde davranın. Oynamıyorsa, bağlantılar normal durumda olmalıdır. Söylediklerime rağmen, YouTube'a bakın - videoları değiştirdiğinizde bu soruyu almıyorsunuz.

İyi bir sebep: kullanıcı, değiştirirken kaybolabilecek bir şeyle bu sayfada çalışıyor

Belki kullanıcı bir şeyler yazıyordur. Ya da toplanın. Ne yaparsa yapsın. Bir bağlantıya tıklamak ve sayfaları değiştirmek heyecan verici, korkunç bir an olabilir. Yaptığım her şeyi kaybettim mi? İşini kaybetmeyeceğine dair garanti verseniz bile kullanıcıyı böyle bir panik durumuna sokmaktan kaçınmalısınız. Kullanıcıların sıklıkla kod yazdığı CodePen'i düşündüm. Onlara yardım etmek için şunları yapıyoruz:

Normal bağlantılar (altbilgi bağlantıları gibi) normal şekilde çalışır, ancak düzenleyicide kaydedilmemiş değişiklikler olup olmadığını tespit eder ve sayfadan çıkmadan önce bunları kaydetmeyi teklif ederiz.

Başka bir siteye giderseniz (veya tarayıcınız çökerse), editörlerin durumunu localStorage'da saklarız ve çalışmanızı kaybetmezsiniz.

Bitirme işi tamamen başka bir konudur. Elbette, siteden ayrıldıklarında müşteri kaybetmek istemezsiniz. "Sevkiyat Bilgileri" gibi bir şeye bağlantılar, siteden ayrılmak zorunda kalmadan açılmalıdır. "Makaleyi okumak" bence size herhangi bir deneyim kazandırmayacak. Geri dönmek (genellikle) çok kolay olduğundan (çoğu tarayıcı daha önce bulunduğunuz yere geri döner), gerçekten hiçbir şey kaybetme riski yoktur.

İyi sebep: bazı teknik bakış açıları

Outlook Kangaroo 2009 Enterprise Edition'da açılması gereken bir e-posta oluşturuyorum ve bağlantıların target="blank" olması gerekiyor, aksi takdirde kenar çubuğu görünümünde açılacaklar ve... Harika.

Teknik açıdan

Aniden yapmak zorundasın...

Kullanıcıyı sayfadan ayrılma isteğini onaylamaya zorlama.

Merhaba, blog sitesinin sevgili okuyucuları. Bugün sizlere Html dilinde hyperlink nedir, sitedeki yazı içerisine nasıl yerleştirebilirsiniz, link nasıl resim yapılır, “A” etiketi ve “ Href” ve “Hedef boş” nitelikleri (yeni pencerede aç).

Genel olarak, köprü anahtar unsurdur. Ayrıca linkler artık sitenin başarılı tanıtımını etkileyen üç ana faktörden biri. Doğru uygulamaları ve anlamaları, örneğin arama motorları tarafından muhasebelerini nasıl etkilediği, kaynağınızın katılımını önemli ölçüde etkileyebilir.

Köprü ve çapa (çapa) nedir

Bu nedenle, eskimiş ve günlük kullanım için önerilmeyen etiketlerle zaten tanıştık. Tanışmamıza devam edelim.

Html kodunda bir köprü oluşturmak için A etiketini de kullanmamız gerekir.Bunun için, örneğin, bu bağlantıda hareket etmek için hedefin URL adresini belirten çeşitli öznitelikler kullanmak mümkün olacaktır (href ) veya yeni bir pencerede açma talimatı vererek (target= _blank). Ama sırayla her şey hakkında konuşalım.

Az önce bahsettiğimiz gibi, köprüler Html dilinin önemli bir unsurudur ve hem kendi sitenizin iç sayfalarına hem de diğer İnternet kaynaklarına bağlantı vermenizi sağlar. Bir banallik diyeceğim - bağlantıya geçiş, üzerine tıklayarak gerçekleştirilir (ve ne düşündünüz?).

İç veya dış olarak ayrılabilmelerinin yanı sıra, aynı zamanda resmi olabilir ve yalnızca sitenizin sayfalarının açılacağı tarayıcının ihtiyaçları için kullanılabilir.

Bu durumda sayfada görünmezler çünkü İçeriği sayfada gösterilmeyen belgenin kaynak kodunun Head alanına yazılır (hakkında makalede köprü metni biçimlendirme dilinin kod yapısından bahsetmiştim).

Hizmet köprüleri (her zamanki gibi) "A" etiketi kullanılarak değil, etiket kullanılarak oluşturulur. Bağlantı. Örneğin, onların yardımıyla, CSS basamaklı stil sayfalarına sahip harici dosyalar veya örneğin .

Ama bugün onların nasıl yaratılabileceğini düşünmeyeceğiz (onlara zaman gelecek), ama üzerinde duracağız. görünür bağlantılar Vücut alanı içinde oluşturulabilecek ve buna göre web sayfasında gösterilecektir.

Ancak yine de, tüm köprülerin (hem görünür hem de hizmet) ortak bir yanı vardır - hepsinin zorunlu bir özniteliği vardır. Href. İçinde, değeri olarak, belgedeki belirli bir yer (daha önce bir çapa ile işaretlenmişse) veya belgenin İnternet'teki adresi (veya başka bir deyişle, sayfanın yolu veya başka bir yere) yazılır. dosya Href'te yazılmıştır).

Köprüler, sizi ağdaki diğer belgelere götürmek veya Html olarak da adlandırılan belgenin gövdesinde önceden yapılmış işaretleri kullanarak halihazırda görüntülediğiniz bir web sayfasının içeriğinde gezinmek için tasarlanmış gezinme öğeleridir. çapalar(çapalar).

Burada bir karışıklık olabilir, çünkü. SEO'da, kelimenin altında, ancak Html dilinde “anchor” tam olarak çapa (çapa kelimesinin çevirisi) veya metindeki daha sonra atıfta bulunulabilecek bir etiket anlamına gelir.

Html'de neden çapalar kullanılır? Bu, oldukça uzun bir web sayfası için navigasyon oluştururken oldukça kullanışlıdır. Açtığınız sayfada muhtemelen internette tanışmışsınızdır, başlığının hemen altında bu sayfada yayınlanan makalenin bölümlerinin isimleri verilmektedir.

Böylece okuyucu, sayfa üzerinde ilgili bilgilerin bulunduğu yere hemen gidebilir ve metni kaydırmak ve görsel olarak doğru yeri aramakla uğraşmaz. Rahat ve geliştirir.

Bağlantılar ve karma bağlantılar nasıl oluşturulur?

Bu nedenle, bu durumda görevimiz, genel durumda şöyle görünecek olan sayfadaki (belgedeki) doğru yerlere bağlantı kurmak olacaktır:

Şunlar. bir çapa yapmak için, değeri boşluk içermemesi gereken ve içinde Latin karakterleri, sayıları kullanabileceğiniz benzersiz bir etiket olması gereken boş köprü etiketinde “A” tek bir “Ad” niteliği kaydetmeniz gerekir. , tireler ve alt çizgiler (URL'leri oluşturabileceğiniz kurallara tam bir benzerlik içinde - ,,,[_],[-]).

Bu durumda, çapa sayfanın kendisinde görünmeyecektir, çünkü. "A" öğelerinin içine herhangi bir metin yazmadık. Ancak, bu şekilde oluşturulan çapalar Html kodunu kirletecektir ve bu nedenle artık çapalardan çok daha sık kullanılmaktadır. etiket oluşturmanın başka bir yolu.

Bu durumda, boş bir "A" etiketi oluşturmanız gerekmez, ancak metinde doğru yerde zaten mevcut olan öğelerden herhangi birini kullanabilirsiniz. Örneğin, olabilir.

Şunlar. bir çapa analogu oluşturmak için, herhangi bir etikete evrensel bir kimlik niteliği eklemek yeterlidir (tüm etiketler için kullanılabilir ve bu arada, buna göre çalışırlar), örneğin, şöyle:

Başlık metni

Bu nedenle, kodu kirleten ve şu anda geçerli olmayan gerekli sayıda bağlantı oluşturmak yerine (Html ​​dilini geliştiren W3C konsorsiyumu tarafından önerilmez), yalnızca bir Id ekleriz.

Bunun için, her zamanki gibi, "A" köprüsünün içine zorunlu "Href" niteliğini eklemenin gerekli olacağı, ancak değeri istenen etiketin (çapa) adından önce oluşturulacağı ortaya çıktı. diyez işareti "#", ki bu da hash ismine sahiptir (dolayısıyla, bu arada, sık kullanılan ismin bacakları büyür: link hash):

çapa ile işaretlenmiş sayfanın yerine atlayacaktır

Lütfen böyle bir köprüye tıkladığınızda yeni bir belgenin açılmayacağını unutmayın. Tarayıcı, zaten açık olan sayfayı öyle bir konuma kaydırır ki, metinde bağlantı eklediğiniz yer ekranın en üstünde yer alır. Tarayıcı için karışıklığı önlemek için bir sayfadaki tüm etiketlerin (çapaların) değerlerinin benzersiz olması gerektiğini varsaymak mantıklı olacaktır.

Bunun için uygun bir şekilde yerleştirilmiş bir etikette ID özniteliğini kullanarak bir bağlantı oluşturursanız, kullanılan karakter türü (,,,[_],[-]) üzerindeki kısıtlamaya ek olarak, kimlik değeri gerekli latin bir karakterle başlamalıdır.

O zaman tüm geçerli karakterler herhangi bir miktarda bulunabilir, ancak bağlantı etiketinin ID özniteliğinin değerindeki ilk karakteri bir harf olmalıdır (Latin, elbette). Aksi takdirde, Html koduna eklenen böyle bir bağlantı (çoğu tarayıcıda) çalışmayacaktır.

"#" karma sembolünden sonra herhangi bir bağlantı etiketi adı (href="#") yazmazsanız, böyle bir köprü sayfayı yukarı kaydırır. Resimden bir bağlantı oluşturarak (bundan biraz sonra bahsedeceğiz) ve onu site şablonunuza ekleyerek en basit "Başa Dön" düğmesini bu şekilde oluşturabilirsiniz, örneğin:

Href, herhangi bir köprü etiketinin gerekli bir özelliğidir.

Şimdi belge içinde gezinmeden (bağlantıları kullanarak) harici gezinmeye geçelim, yani. bizim veya başka bir sitedeki diğer belgelere yönlendiren bağlantılar yapmamız gerekecek. Şimdi, Href özniteliğinde artık bağlantı işaretleri yazmamız gerekmiyor, ancak açılan dosyanın yolu (sayfa, tasarımı gereği, daha sonra görüntülenmek üzere tarayıcıya yüklenen bir dosyadır).

Çapa

Burada daha ileri gitmeliyiz, ancak bahsedilen materyalde onlar hakkında zaten ayrıntılı olarak yazdım, bu yüzden muhtemelen tekrar etmenin bir anlamı yok. Ancak, yaptığınız köprünün Href özniteliğinde dosyanın yolunu nasıl ayarlayabileceğinizi bilmeniz gerekir. Bu nedenle, sunulan materyali tanımak için başvurmayın.

Ancak, URL'leri oluştururken kullanmanın tercih edildiğini hatırlatmama izin verin. sadece aşağıdaki karakterler: (,,,[_],[-]) ve boşluk kullanmayın. Mutlak bağlantılar için Href özniteliğinin içeriğini düşünürsek, şematik olarak aşağıdaki gibi gösterilebilir:

Nadiren kullanacağınız şeyleri atarsak, hepsini biraz basitleştirilmiş bir biçimde sunabilirsiniz:

Protokol (genellikle http)://domain_name (ör. web sitesi)/path_to_file (web sayfaları)

İnternetteki basit http protokolüne ek olarak, şifreleme kullanması bakımından farklılık gösteren https protokolü ile bağlantılar bulabilirsiniz. İkincisi, sunucu ve istemci tarayıcısı arasındaki veri alışverişi kanalının korunmasına ihtiyaç duyulan sitelerde kullanılır. Örneğin, WebMoney elektronik para hizmetlerinde kullanılır.

İnternette, Href içeriğinin çeşitli varyasyonlarını bulabilirsiniz, örneğin bu:

https://web sitesi/videokursy

Veya bunun gibi (dosya uzantısıyla):

https://site/seo/kak-raskrutit-sajt.html

Bu özü değiştirmez, ancak köprünün içindeki Href özniteliğinin içeriğinin sonunda bir eğik çizgi varsa, bu, erişimin artık dosyaya değil, ilgili dizin nesnesinin içinde olacağı klasöre olduğu anlamına gelir. aranabilir (bununla ilgili daha fazla bilgiyi yukarıda belirtilen url adresleri ile ilgili makalede okuyun).

Bağlantıdan bir şey indirin

Gördüğünüz gibi, bu köprü normalden farklı değil, tarayıcı basitçe dosyayı zip uzantılı indirmesi gerektiğini anlıyor ve örneğin, belge dosyaları gibi görüntülemek için açmaya çalışmıyor. html uzantısı. Bununla birlikte, tüm bunları kişisel ihtiyaçlarınıza uyacak şekilde tarayıcınızda tamamen ayrı ayrı yapılandırabilirsiniz.

Ftp sunucusundan indirin

Ayrıca, örneğin ilgili URL'yi Href'e ekleyerek (posta) oluşturabilirsiniz:

Bir mektup yaz

Böyle bir bağlantıya tıkladığınızda, bilgisayarınızda varsayılan e-posta programınız açılacaktır (tarayıcınızı, Gmail'de Href'te mailto ile bağlantılar açılacak şekilde yapılandırabilirsiniz, vb.) ve yeni bir mektup oluşturmak için bir iletişim kutusu görünecektir; "Kime" alanına » Href'te verilen posta adresini ekleyecektir.

Aslında, e-posta gönder iletişim kutusundaki diğer alanların doldurulacağı yardımı ile oldukça karmaşık posta bağlantıları yapmak mümkündür, ancak bu oldukça nadiren kullanılır.

Her neyse, son zamanlarda web yöneticileri, tüm sonuçlarıyla birlikte spam gönderenler tarafından ayrıştırılmaları nedeniyle Href'te mailto ile köprüleri kullanmayı pratik olarak bıraktılar. İletişim sayfasında klasik biçimde sunulan her şeye sahip olmama rağmen, sitede oluşturmak daha iyidir. Boş zamanınızda değiştirmek gerekli olacaktır (ya da değil ... sanırım).

Yeni bir pencerede bir bağlantı nasıl açılır (boş hedef)

Html kodunda bağlantılar oluştururken, genellikle şu soruyla karşılaşırız - yönlendirdiği belgeyi hangi tarayıcı penceresinde açmalı? Varsayılan olarak, bu köprünün yerleştirildiği sayfayla örtüşen mevcut bir pencerede açılır.

Şahsen ben büyük bir destekçiyim boş değere sahip Hedef özniteliği, bu bağlantının yerleştirildiği belgeyi açık bırakarak sayfayı yeni bir pencerede açmanıza izin verir. Bunun blogumun kullanılabilirliğini nasıl etkilediğini bilmiyorum ama bu seçeneği daha çok seviyorum ve neredeyse her durumda kullanıyorum.

Arama motorlarında, bağlantıların açılmasını da özelleştirmeyi seviyorum yeni bir pencerede böylece sorun her zaman elinizin altında olur ve her zaman ona dönebilirsiniz. Bu amaçlar için, daha önce de belirtildiği gibi, Html, varsayılan olarak Self değerine sahip olan özel bir Hedef niteliği kullanır:

Belgeyi aynı pencerede açar

Elbette "A" etiketine hiç kimse target="_self" yazmasa da, varsayılan olarak bu değer kullanıldığı için ancak sayfayı yeni bir pencerede açmanız gerekirse, target="_blank" yazmanız gerekecektir. ":

Yeni bir pencerede açılır

Target özniteliğinin değerlerinin yazıldığına dikkat edin. başında bir alt çizgi ile(_blank), çünkü köprü metni biçimlendirme dilinde delikler içeren Wc3 doğrulayıcısında bu şekilde şart koşulmuştur. Dikkat çekici bir şekilde, Html, varsayılan bağlantı açma seçeneğini değiştirme yeteneği sağlar.

Örneğin, sitenize ait tüm köprülerin yeni bir pencerede açılmasını istiyorsanız, kullandığınız şablonun Head alanına yazmanız gerekecektir. Temel etiket target="_blank" özniteliği ile:

orada başka bir şey

Ve şimdi, bağlantılardan herhangi birini aynı pencerede açmak istiyorsanız, "A" etiketine zaten target="_self" eklemeniz gerekecek, çünkü _blank artık varsayılan olarak kullanılıyor. Oh nasıl.

Bu arada, Base öğesini yukarıda açıklanan şekilde kullandım, ancak içine yeni bir pencerede açılması gereken birkaç köprü içeren bir kod alanı da ekledim. Şunlar. Ayrıca Body alanında kapanış Base etiketini kullandım ve her şey işe yaradı. Böyle bir kod elbette geçerli olmasa da.

Fareyle üzerine gelindiğinde ve geçişte köprü renkleri - nasıl değiştirilir

Html dilinde, kullanıcının hangi bağlantıyı açtığını ve hangisine hala dokunulmadan gezinmesini kolaylaştıracak şekilde tasarlandı.

Bu amaçla, kullanıcı köprüye tıkladığında ve üzerinde asılı olan belge başarıyla açıldığında değişecek bir renk kullanılır. Orijinal sayfaya geri dönen kullanıcı, ziyaret ettiği bağlantının renk değiştirdiğini görecektir. Tüm tarayıcılar bu numarayı yapabilir.

Varsayılan olarak, saf Html'de (CSS özelliklerini kullanmadan), bağlantıların altı çizilir ve üç renk seçeneği:

1. Mavi, kullanıcının henüz tıklamadığı kırık bağlantıların rengidir.
2. Kırmızı - üzerine tıklandıktan hemen sonra ve istenen belge ağ üzerinden kullanıcının tarayıcısına indirilene kadar köprü tarafından kabul edilir.
3. Mor - kullanıcının zaten takip ettiği kullanılmış bağlantıların rengi

Html 4.01'de bu bağlantı renkleri varsayılandır, ancak değiştirilebilirler Kullandığınız şablonun dosyalarından birinde bulabileceğiniz Body etiketine yazılan özel nitelikleri kullanarak. Üç rengi de değiştirmek için sırasıyla üç nitelik kullanılır:

1. Bağlantı - ziyaret edilmemiş bir bağlantının rengini ayarlar
2. Alink - tarayıcı tarafından işlenen, şu anda etkin olanın rengi
3. Vlink - kullanıcı tarafından zaten ziyaret edilen köprünün rengi

Unutma, zaten nasıl yazdığımı yazdım. Buna göre, bahsedilen nitelikler şöyle görünebilir:

Doğal olarak, burada kastedilen, herhangi bir nedenle stil kullanmanın uygun veya imkansız olmadığı durumlarda saf bir Html seçeneğidir, aksi takdirde tüm bu renkler kullanılarak kolayca ayarlanabilir ve değiştirilebilir.

Bir resim nasıl bağlantı yapılır - iki yol

Eh, burada her şey oldukça basit. Çünkü satır içi bir öğedir, o zaman büyük ölçüde herhangi bir görüntü, belki daha büyük bir tanesi dışında, yalnızca bir harf olarak kabul edilebilir.

Bir bağlantı yaptığınız görüntünün etrafında saf Html olması durumunda, üç piksel geniş kenarlık. Üstelik bu çerçevenin rengi, siteniz için kabul edilen bağlantıların renklerine tam olarak karşılık gelecektir (bunlardan biraz daha yukarıda bahsettik).

Köprü oluşturduğunuz bir görüntüye kenarlık eklemeyi kaldırmak için, Img etiketine sıfır değerine sahip bir Kenarlık niteliği eklemeniz gerekir:

Bu, bir görüntüyü bağlantı haline getirmenin çok basit bir yoludur, ancak daha karmaşık bir seçenek de vardır. resim haritası. Bu durumda, oldukça fazla sayıda Html etiketi ve özniteliğinin kullanılması nedeniyle, tek bir görüntüden aktif alanlara sahip (tıklanabilir ve çeşitli şekillere sahip - bir dikdörtgen, bir daire, bir çokgen) tam bir bağlantı haritası oluşturabilirsiniz.

Örneğin, sayfanıza büyük bir fotoğraf yerleştirebilir ve farklı bölümlerine tıkladığınızda farklı köprülerle farklı sayfaların açılmasını sağlayabilirsiniz. Aslında resim haritasını anlatmak oldukça uzun bir zaman ve kimsenin onu kullanması pek olası değil, bu yüzden bunu yapmayacağım çünkü "oyun muma değmez".

Sana iyi şanslar! Yakında blog sayfaları sitesinde görüşürüz

adresine giderek daha fazla video izleyebilirsiniz.

");">

ilginizi çekebilir

Select, Option, Textarea, Label, Fieldset, Legend - Açılır liste formunun ve metin alanının Html etiketleri
HTML'ye bağlantı ve resim (fotoğraf) nasıl eklenir - IMG ve A etiketleri
Iframe ve Frame - bunlar nelerdir ve Html'de çerçevelerin en iyi nasıl kullanılacağı
Boşluk karakterleri ve bunların Html'deki kod biçimlendirmelerinin yanı sıra bölünmeyen boşluk özel karakterleri ve diğer anımsatıcılar
Html ve CSS kodunda renkler nasıl ayarlanır, tablolarda RGB gölgelerinin seçimi, Yandex sonuçları ve diğer programlar

Merhaba, blog sitesinin sevgili okuyucuları. Bugünün yayınını, internetin temeli olan, ayrılmaz bir şekilde bağlantılı olan bir köprünün ne olduğunu ayrıntılı olarak açıklamaya çalışacağım web yöneticisinin en önemli yönüne ayırmaya karar verdim.

Ancak, köprüleri doğru bir şekilde oluşturmak ve bunları web sayfalarının (örneğin sitenizin) koduna eklemek için, bu öğeler HTML kullanılarak oluşturulduğundan, ilgili köprü metni biçimlendirme dili () alanını incelemeniz gerekir. Bağlantıyı istediğiniz türe yükseltmenize izin veren bir etiket.

Bu nedenle, bugün bir köprünün hangi bölümlerden oluştuğunu, hedef boş özelliğinin yeni bir pencerede (sekmede) bir sayfa açmayı nasıl mümkün kıldığını, herhangi bir görüntünün nasıl bir bağlantı haline getirileceğini ve diğer birçok önemli ayrıntıyı analiz edeceğiz. Diğer şeylerin yanı sıra, bu bilgiler sizi HTML dilini öğrenmede ilerletecektir.

Köprü nedir ve bağlantı olarak adlandırılabilir mi?

Başlıkta sorulan soruyu yanıtlayarak, “bağ” teriminin daha geniş bir anlam yelpazesine sahip olduğunu söyleyeceğim (Sibirya'ya bağlantı, ödeme yapanı belirlemek için bankacılık, kitaptaki metin vb.), kavramın içerdiği anlam da dahil olmak üzere. Bilgiyi doğrusal olmayan bir şekilde algılamayı mümkün kılan yalnızca köprü metni ile ilişkilendirilen “köprü”.

Böylece, bir köprü, bir bağlantının özel bir durumudur, bu yüzden onları bugünün konusunda eşit bir temelde kullanmak oldukça mümkündür. Bugünkü yayın sırasında bencil çıkarlarım için kullanacağım şey bu, gereksiz anahtar kelime spam'inden kaçınmak için bu terimlerin her ikisini de kullanacağım.

Ancak, yardımıyla yaratılan görünmez hizmetler de vardır. ve görevleri belirli bir işlevi gerçekleştirmek için tarayıcılara çok sayıda sinyal ve komut göndermek olan içindekiler.

Örneğin, hizmet köprülerinin yardımıyla bir simge görüntülemek mümkündür. Yalnızca HTML kodunun bir parçası olarak görülebilirler (bunu yapmak için tarayıcıda açık olan herhangi bir sayfayı tıklayın):

Şimdilik, hizmet bağlantılarını kendi haline bırakalım ve genel bağlantı oluşturma modelini ele alalım. Hepsinin ortak özelliği, gerekli href özelliği, değeri belgenin adresi olan (). Bir HTML bağlantısı, hem sitenin dahili sayfasına hem de harici bir belgeye yönlendirebilir.

Bir önemli not daha. href niteliğinin kullanılması, köprüleri tıklanabilir hale getirir, yani kullanıcıların tıklama sonucunda otomatik olarak web sitesinin ilgili sayfasına gitmelerini sağlar.

Href kullanarak HTML'de bir köprü nasıl yapılır

Bu nedenle, bir bağlantı oluşturmak için, parametreleri çeşitli türlerde URL'ler olabilen a etiketi ve href niteliğinin gerekli olduğunu zaten biliyoruz. Çünkü a bu, daha sonra açılış arasında ve kapanış web sayfasında görüntülenecek içeriği içerir.

BT içeriğe çapa denir ve metin veya resim olarak sunulabilir (aşağıda bir resmin nasıl yapılacağı hakkında daha fazla konuşacağız). Daha önce belirttiğim gibi, çapa tıklanabilir olacaktır. Metin içeriğine sahip bir köprü örneğini düşünün. HTML kodunda şöyle görünür:

çapalar hakkında biraz

HTTP'ye ek olarak, güvenli HTTPS protokolü kullanılabilir. Bağlantının bir web sayfasına yönlendirmesi gerekmez. Her şey, bir dosyanın yolu olabilen href değerine bağlıdır:

//web sitesi/wp-content/uploads/2012/05/giperssylqi-v-html.jpg

indirmek

Bir web sayfasında, bu bağlantı şöyle görünecektir:

Tarayıcı, .zip uzantılı bir nesnenin yalnızca indirme için kullanılabileceğini "anlar" ve bunu kullanıcıya önerir.

Bu arada, herhangi bir dosyanın yolu bazen FTP () ile belirtilir. Ardından, href niteliğinin parametresi olarak kullanılan URL'de HTTP protokolünü (HTTPS) FTP ile değiştirmeniz yeterlidir. Dosyanın bağlantısı şöyle görünecek:

sunucudan indir

Ama hepsi bu değil. Benzer bir yolla mailto sözde protokolü kullanılarak bir e-posta bağlantısı oluşturulur yazma aracına hızlı erişim için:

mektup yazmak

Böyle bir bağlantıya tıkladıktan sonra, mesajın metnini oluşturabileceğiniz ve önceden belirlenmiş adrese gönderebileceğiniz varsayılan posta istemcisinin bir penceresi görünmelidir, tahmin ettiğiniz gibi, href'den alınmıştır.

Uygulamada, postaya köprüler, geçmişte web yöneticileri ve büyük kaynakların sahipleri tarafından, posta formuna tek bir tıklamayla erişebilen kullanıcıların ve müşterilerin rahatlığını sağlamak için çok sık kullanılıyordu.

Ancak, web kaynaklarında bu tür iletişim artık o kadar popüler değil (örneğin, özellikle yükleyebildiğiniz için), çünkü bu şekilde açılan posta adresleri, yazılım kullanılarak aktif olarak ele geçirilir ve çeşitli spam göndericiler tarafından kullanılır.

Örnek olarak yalnızca URL'nin bir parçası olan en yaygın protokolleri gösterdim, bu da bir köprü oluştururken href niteliğinin bir parametresidir. HTTP (HTTPS), FTP ve mailto'ya ek olarak, daha özel görevler için başkaları da vardır. Belki onları diğer yayınlarda daha ayrıntılı olarak ele alacağız.

Köprü türleri

Ve şimdi bağlantıları belirli kriterlere göre sınıflandırmaya çalışalım.

Kapsamlarına göre:

1. Harici- yerleştirildikleri sitenin dışında bulunan sayfalara yönlendirme;

2. Dahili- aynı web kaynağı içindeki web sayfalarını bağlayın.

Biçime göre:

2. grafiksel olarak f - bu durumda, köprü bağlantısı bir resim (küçük resim dahil), bir başlık, bir düğme vb.

href özelliğinin değeri olarak hizmet veren URL türüne göre:

1. mutlak, veri aktarım protokolünün (örneğin, HTTP) ve sitenin alan adının (alanlarla ilgili her şeyde) açık bir göstergesini içerir.

Bu tür bağlantılar, dış kaynakların sayfalarına bağlanırken daha sık kullanılır. Bu durumda href değeri, istenen dosyanın veya web sayfasının tam yolunu içerecektir. Mutlak bir köprü örneği:

Bağlam - bu nedir

2. akraba, web sitesinin kök klasörüne göre belirtilen yol olacak oluşturma seçeneklerinden biri (dolayısıyla bu tür köprünün adı). Bu durumda, protokol (HTTP) ve site etki alanı URL'den kaldırılacaktır:

Bağlam - bu nedir

Bir web sayfasındaki göreceli köprüler, dahili sayfalara bağlantılar sağlayabilir. Bu formda daha kısadırlar, bu da HTML kodunu kolaylaştırır. Tabii ki, her şey o kadar basit değil ve verilen bağlantıyı takip ederseniz görebileceğiniz gibi daha geniş bir kapsama gerektirir.

bir etiket öznitelikleri

Şimdi, zorunlu href dışında başka hangi özelliklerin var olduğunu ve bir köprünün oluşturulmasını nasıl etkileyebileceklerini görelim. Bu konudaki en eksiksiz verileri, tabiri caizse "ilk elden", güncel bilgilerin en hızlı şekilde göründüğü Uluslararası Konsorsiyum W3C'nin resmi web sitesinde bulabilirsiniz.

Tamamen aynıdırlar ve geçerli sekmede bir web sayfasının açılmasını başlatırlar. Bağlantılara tıklandığında sayfaların yeni bir sekmede açılmasını istiyorsanız, bağlantı oluştururken eklemeniz gerekir. boş parametreli hedef nitelik:

Bağlam - bu nedir

Bazı web yöneticileri ve SEO'lar, ziyaretçiye seçim yapma fırsatı verilmesinin (yani hedefi boş yazmayın) daha iyi olduğuna inansa da, gerekirse, içerik menüsü kullanılarak sayfa yeni bir sekmede de açılabilir (hareket ettirin). imleci bağlantının üzerine getirin, sağ tıklayın ve ilgili öğeye tıklayın):

Üstelik, gördüğünüz gibi, bu durumda, kullanıcı, web sayfasını sadece yeni bir sekmede değil, aynı zamanda web sayfasını da açabilme avantajına sahiptir. yeni bir pencerede(bu seçenek HTML kullanılarak uygulanamaz, yalnızca komut dosyaları kullanılarak uygulanabilir).

Ancak, tüm acemi kullanıcıların popüler tarayıcıların () yeteneklerine ve ayarlarına tam olarak aşina olmadığına inanıyorum. Harici bir köprüyü takip eden ve kaynak sayfayı gözden kaybeden okuyucunun (alıcı belge bunun yerine görünecektir) kalplerindeki sekmeyi kapatması oldukça muhtemeldir.

Bu nedenle, bir web kaynağının sahibi, yalnızca potansiyel bir ziyaretçiyi kaybetmekle kalmaz, aynı zamanda davranışsal faktörlerde () bir bozulma yaşayabilir ve bu da sıralamada sayfa konumlarının kaybına yol açacaktır.

Ayrıca bir sayfayı bitişik bir sekmede açmak, kullanılabilirlik () açısından çok uygundur. Kullanıcı bir web sayfasına giden bir köprüyü takip eder, ek bilgiler alır ve sanki hiçbir şey olmamış gibi ana materyali incelemeye devam eder.

Objektif bir resim vermek için, herhangi bir harici bağlantıya "target="_blank"" uygulamasının bazı güvenlik riskleriyle dolu olduğu ortaya çıkar. Herhangi biri ilgileniyorsa, boş hedef kullanırken sorun giderme önerilerinin yanı sıra yeni bir sekmede bir web sayfası açma görevini uygulamak için alternatif seçeneklerin nerede verildiğini okuyabilirsiniz.

Yeni bir sekmede bir köprü açmak için boş değeri kullanmanın tüm artılarını ve eksilerini not etmiş görünüyor. Blogumdaki makaleleri okuduysanız, muhtemelen hedef özelliğin bu parametresine karşı tutumumu tahmin etmişsinizdir.

Şu anda benim için artıları eksilerinden daha ağır basıyor ve ben onun koşulsuz destekçisiyim. Yukarıdaki gerçeklere dayanarak, bu konuda kendi görüşünüzü oluşturabilirsiniz. Her ne kadar ... yeni koşulların ortaya çıkması dikkate alındığında değişebilir.

Karma bağlantılar, çapalar nasıl oluşturulur ve neden bunlara ihtiyaç duyulur?

Daha sonra, dikkatinizi web sayfasında yer alan materyal oldukça hacimliyse ve navigasyonu iyileştirmek için yapılandırılması gerekiyorsa faydalı olabilecek başka bir hiperlink türüne odaklayacağım.

Bir örnek için çok uzağa bakmanıza gerek yok, sadece bu yayının en baştaki içindekiler tablosuna bir göz atın. Bakın, makalenin bölümlerinin bir listesi var mı? Bu bölümlere verilen köprüler yalnızca karma bağlantılardır. Bunlardan herhangi birine tıkladıktan sonra, tarayıcı sayfayı ilgili bölümün başladığı yere kaydırır.

Bu tür bağlantıları yapmak oldukça basittir. İlk önce oluşturmanız gerekir Çapa, herhangi bir HTML etiketine uygulanan genel niteliklerden biri olan bir kimlik tanımlayıcısı biçimindeki uygun etiketi sayfada gerekli yere koyarak.

Kimliklerin evrenselliği nedeniyle, bu tür bağlantı etiketleri bir web sayfasında hemen hemen her yere yerleştirilebilir. Metin genellikle paragraflara bölündüğünden, bunlara uygulanabilir. Esas olarak, makaleleri mantıksal parçalara bölen çapalar koydum:

Böylece HTML kodunda gerekli tüm yerleri işaretledikten sonra onlara köprüler oluşturuyoruz. Bunu yapmak için, URL'deki son eğik çizgi "/"den sonra (ki, zaten bildiğiniz gibi, href niteliğinin değeridir), sırayla "#" kare işaretini ve etiket adını (ID) yazarız. :

Karma bağlantılar ve çapalar nasıl oluşturulur?

Ayrıca, böyle bir bağlantı bağlantısı, bağlantılarla aynı sayfaya yerleştirilirse, URL'nin karma işareti dahil olmak üzere son eğik çizgiye kadar olan kısmı atlanabilir ve yalnızca "#" artı kimlik adı kullanılabilir. href parametresi olarak (aslında bu, göreceli bağlantılar için seçeneklerden biridir):

Karma bağlantılar ve çapalar nasıl oluşturulur?

Yani, HTML kodunu optimize etmek için kılavuzun içindekileri derlerken, bu hafif seçeneği kolayca kullanabilirsiniz. URL olarak tanımlayıcının adı olmadan yalnızca bir kare işareti koyarsanız, böyle bir bağlantının bulunduğu yerden sayfa tamamen yukarı kaydırılır:

Tepe

Aslında bu, ziyaretçilerin hayatını kolaylaştırdığı için kaynağın kullanılabilirliği için yine ek bir artı olarak hizmet eden en basit seçenektir. Çekici bir görüntü, bir düğme oluşturmak için bağlantı olarak kullanılabilir.

Alt çizgi nasıl kaldırılır ve bağlantı rengi nasıl değiştirilir

HTML geliştiricileri, şu veya bu yönü optimize etmeye yardımcı olabilecek hemen hemen tüm nüansları düşünmüşlerdir, aynısı köprüler için de geçerlidir. Örneğin, başka bir web sayfasına giden bir köprüyü izleyip geri dönerken, kullanıcı köprünün renginin değiştiğini görecektir.

Bu tür eylemleri tekrar tekrar yapması gerekiyorsa, hangi bağlantılara tıkladığını ve hangilerini tıklamadığını hızlı bir şekilde belirleyebilecektir. Bu seçenek hemen hemen her tarayıcıda yerleşiktir. Ne kadar kullanışlı olduğunu ve ne kadar zaman kazandırdığını açıklamaya gerek yok.

Varsayılan ve CSS köprüleri yok altı çizili ve üç renk seçeneği, her biri aşağıdakiler için kendi özniteliğine sahiptir:

• link - web sayfasındaki köprünün rengini ayarlar (varsayılan, #0000ff ile gösterilen mavidir);
• alink - web tarayıcısı tarafından işlendiği süre boyunca etkin köprü rengi (kırmızı #ff0000);
• vlink — kullanıcı tarafından ziyaret edilen bağlantının rengi (mor, #800080).

Peki, siteniz için tarayıcılar tarafından görüntülenen bağlantıların renklerini nasıl değiştirirsiniz? Sayfaların manuel olarak oluşturulduğu basit bir HTML sitesi için (ve modern gerçekliklerde basit günlükler ve açılış sayfaları dışında pratikte bu tür tam özellikli kaynaklar olmadığını düşünüyorum), açılış etiketini bulmanız yeterlidir. ve bunun için gerekli parametreleri ayarlayın (bu arada, adını bir renk belirtmek için kullanabilirsiniz), örneğin:

Web kaynağınızı yönetmek için bir içerik yönetim sistemi () kurduysanız, kullandığınız motorun türünden bağımsız olarak, bir açılış etiketinin bulunduğu başlığı (başlığı) görüntülemekten sorumlu dosyayı düzenlemek için açmanız gerekir. .

Kaynağınız WordPress kullanıyorsa, bu fikrin pratik uygulaması için, onu bir köprünün içine otomatik olarak resim eklemek için bir araç olarak kullanabilirsiniz, burada ilk önce kitaplıktan seçin veya istediğiniz resmi yükleyin ve metne ekleyin. :

Ardından ortaya çıkan görüntü kodunu seçin ve editörün "bağlantı" düğmesine basın, ardından görünen pencereye istediğiniz kopyalanan köprüyü yapıştırın: