HTML hujjatida qanday qilib bog'lanish mumkin? Tag A - uning sintaksisi va sifati

  1. Internetdagi sahifadagi URL yoki "manzil"
  2. <A> teg va uning asosiy sintaksisi
  3. Mutlaq va nisbiy ma'lumotnoma
  4. Katalogga o'xshash ko'rsatkich joriydan yuqori
  5. <A> tegining xususiyatlari. Hujjatni yangi oynada ochish yo'li bilan ochish
  6. Sarlavha havolasi. <A> yorlig'i uchun sarlavha xususiyati
  7. Attribut köprüyü nofollow. Saytning "ishonchi" ni havolani taqiqlash
  8. Hujjat ichidagi ichki aloqa yoki çapa
  9. Bog'ni bog'lash - rasm
  10. Davom ettirish

References (yoki ko'prik) qon tomirlari singari Internetga kiradi. Hech qanday aloqalar bo'lmasa, Internet yo'q edi.

HTML hujjatida qanday qilib bog'lanishni yaratish va uning atributlarini, URLning qaysi turi va qanday qilib qidirish mexanizmlari havolalari bilan qanday bog'lanishini - yangi boshlanuvchilar uchun HTMLni o'rganish uchun ushbu keyingi darsda.

Internetdagi sahifadagi URL yoki "manzil"

Internetdagi har bir HTML hujjati o'zining "to'liq manziliga" ega. Ingliz tilidan "URL" deb ataladi. URL - Yagona resurs joylashuvi

URL strukturasi tez-tez brauzerning manzil satrida ko'rinadi. U quyidagilarni o'z ichiga oladi:

  1. Protokol nomi http: // yoki https: // hisoblanadi.
  2. Sayt domeni
  3. ushbu hujjat joylashgan papkaga yoki yo'lga,
  4. Fayl nomi (har doim ham bo'lmasligi mumkin).

Ushbu "aniq manzil" tufayli boshqa hujjat matnidan ushbu hujjatga murojaat qilish mumkin bo'ldi.

<A> teg va uning asosiy sintaksisi

Umid qilamanki "sintaksis" so'zi sizni qo'rqitmaydi

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> matnli matn </a>

Ko'rib turganingizdek, <A> yorlig'ini boshlashdan keyin siz istagan hujjatning manzilini belgilaydigan majburiy href xususiyati bo'lishi kerak.

<A> konteyner yorlig'i ichida matn (matn bo'lishi mumkin bo'lsa-da), bu matnning matnidir. Bundan tashqari, " Anchor " yoki oddiygina - Anchor deb ham ataladi.

Mutlaq va nisbiy ma'lumotnoma

Yuqoridagi misollarda mutlaq zikr qilingan. Hujjatning to'liq URL manzilini o'z ichiga olganlar.

Ba'zi hollarda, href xususiyati protokol nomi va sayt domeni to'liq URLni o'z ichiga olmaydi. Ulanish olib boriladigan hujjat bir xil saytda bo'lsa - siz hujjat joylashgan joydan keladigan tegishli havolani ishlatishingiz mumkin.

Nisbiy mos yozuvlar qo'llanilganda sxema

Misol: Birinchi.html hujjatidan havola yangiliklarni papkasida joylashgan second.html faylga olib keladi.

Katalogga o'xshash ko'rsatkich joriydan yuqori

Kod:

<a href="../first.html"> bu faylning katalog darajasidagi biridagi nisbiy havolasi </a>

Ushbu link first.html fayliga "ota-ona" dagi katalogga olib keladi, ya'ni. bir daraja yuqoriga .

Birgalikda ../ jildni havola qilinadigan faylning berilgan pozitsiyasidan bir daraja yuqoriga ko'rsatadi.

<A> tegining xususiyatlari. Hujjatni yangi oynada ochish yo'li bilan ochish

Hujjatni yangi brauzer ko'rinishida ochish uchun, attribute target = "_ blank" dan foydalaning.

Atribut link maqsad = "_ blank"

Uni suiiste'mol qilmang. Ushbu xususiyat bilan saytga ichki bog'lanishni amalga oshirishning hojati yo'q. Foydalanuvchilar "uchqun oynasi" tomonidan bezovtalanadi.

Umuman, ushbu maqsadli atribut bilan - butun hikoya. Hali ham uning bir qator ma'nolari bor, ammo ularning hammasi bugungi kunda kamdan kam qo'llaniladi.

Buning sababi, saytlar bilan ishlashni endi mashhur emas va HTML5 paydo bo'lishi bilan o'tmishdagi narsalarga aylantirishga mo'ljallangan.

Sarlavha havolasi. <A> yorlig'i uchun sarlavha xususiyati

Yana bir foydali xususiyati title = "Bu havola qaerga olib keladiganligi haqidagi matn"

Sintaksis:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="the popup-hints"> bu ishora havolasi </a>

Ko'rib turganingizdek, brauzer uni bir vosita maslahati sifatida ko'rsatadi. Shunga qaramay, qidiruv tizimlarini hisobga oladi.

Nishon rahbari uchun nishon haqida maslahat

Attribut köprüyü nofollow. Saytning "ishonchi" ni havolani taqiqlash

Rel = "nofollow" ga ulanish uchun yana bir noaniq atribut mavjud.

U qidirish mexanizmlariga bog'lanish hujjati ishonchli bo'lmasligi haqida aytadi. Shu bilan birga, Resurs saytidan ishonch ("ishonch") ko'rsatkichlari saytga havola orqali uzatilmaydi.

"Ishonch" va aloqa reytinglari mavzusi hali ham oldinga siljiydi, ammo qisqa bo'lsa, qidiruv tizimidagi saytlarning "taqdiri" bu saytga olib boradigan havolalar soniga bog'liq bo'ladi. Ulardan qanchalar ko'p bo'lsa, obro'li saytlar bog'lansa - bu saytni mos yozuvlar yo'li bilan ko'proq ishonchliligi.

Ba'zi hollarda, bu xususiyat bilan "ekranlash" aloqalariga arziydi. Misol uchun, har qanday xizmat haqida salbiy sharhlar yozsangiz.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> noto'g'ri sayt </a>

Hujjat ichidagi ichki aloqa yoki çapa

Katta matnlarda, hujjatning mantiqiy qismlarida "langar" deb ataladigan qurilmani o'rnatish talab qilinadi. Keyin, bu erda, siz murojaat qilishingiz mumkin.

Buni ishlatishning eng oson usuli ushbu lahmaga olib boradigan ko'priklardan mahalliy jadvalni yaratishdir. Ushbu turdagi jadvallar, odatda, maqolaning boshida joylashgan.

Bunday langarni yaratishda, href xislati o'rniga ism xususiyati ishlatiladi.

Anchor yaratish uchun sintaksis:

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

Bog'lanishni yaratishda, URL oxirida # belgisini kiriting - "anchor" nomi:

<p> <a href="#top"> Yuqori </a> </ p>

O'tish bu joyga aniq bo'ladi, ya'ni. Brauzer bu joyni yuqori ko'rinadigan qismga joylashtiradi.

Ko'pincha, uzoq hujjatlarda, eng quyi qismida ular "Top" linkini qo'yishdi.

... xushbo'y don mahsulotlari dunyosida sayohat qilib, Afrika, Osiyo, Markaziy va Janubiy Amerika mashhur bo'lganlarning eng yuqori sifatini topdilar. Shuning uchun, bugungi kunda brendning kofe uylarida Qahva lovi Taniqli ishlab chiqaruvchilarning eng yaxshi qahva turlarini topasiz.

? Yuqoriga ?

URL manzilining oxiriga qo'shilsa, boshqa bir hujjatdan, bu joyga ham borishingiz mumkin # name_accord

<a href="http://domen-saita.ru/dokument.html#top"> Bog'lanish matni ushbu hujjatda "yuqori" ga ulanadi </a>

Bog'ni bog'lash - rasm

Har qanday rasmda havola bo'lishi mumkin.

Kod:

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

Odatiy bo'lib, havolalar brauzerda qattiq ko'k chiziq bilan chizilgan, va aloqa rasmlari ko'k freymga ega bo'ladi.

Ulanish-rasmlar ko'k kvadratga ega

Buni bartaraf qilish uchun sayt uchun CSS fayliga oddiy qoida qo'shiladi:

{border: 0px;}

Bu barcha rasm havolalari uchun chegara qalinligining nolini yaratish bo'yicha ko'rsatma.

Davom ettirish

Keyingi maqolada men e-pochta aloqasi, ularning sifati va yovuz spammerlardan "himoya" usullari haqida gapiraman