Sizni blog saytida kutib olishdan xursandman! Bugungi maqolamizda biz gipermatn tili haqida gapira boshlaymiz html belgisi. Ushbu nashr bu turdagi birinchi (va oxirgisidan uzoq) bo'ladi, chunki men ilgari hech qachon bunday narsalarni yozmaganman.

Post rejasi:

Ammo endi men kerakli bilimlarni oldim va uni amalda sinab ko'rdim, men buni o'quvchilarim bilan baham ko'rishdan xursand bo'laman. Dastlabki bosqichda, masalan, html-ga havolani qanday kiritishni bilish uchun qancha kuch va vaqt sarflangani bejiz emas. Tabiiyki, mening postimni o'qib chiqqach, siz ham buni bilib olasiz va qila olasiz.

Umuman olganda, shuni ta'kidlash kerakki, havola teglari optimallashtiruvchilar ishida juda zarur, chunki ularning noni shunchaki qidiruv tizimini optimallashtirish va, albatta, SEO sohasidagi gurular oddiy bloggerlar u yoqda tursin, havolalarsiz qila olmaydi :).

Ehtimol, html havola yorlig'i A matnda tasvirlarni ko'rsatish uchun zarur bo'lgan img tegi bilan birga men eng ko'p ishlatiladiganlaridan biridir. O'rtacha, men nashr etadigan har bir maqolada ichki va tashqi sahifalarga taxminan beshta havola mavjud.

Shuni unutmangki, html veb-sayti uchun teglar nafaqat xabarlarni yozishda ishlatiladi. Bundan tashqari, ular CMS WordPress yoki boshqa kontentni boshqarish tizimida o'rnatgan shablon kodini o'zgartirganda kerak bo'ladi.

Shuning uchun, kelajakda havolalar bilan ishlashda muammolarga duch kelmaslik uchun kamida eng oddiy HTML teglarini o'rganishingiz kerak. Masalan, agar siz " Vizual muharriri"Maqolalaringizni yozayotganda, bu unchalik yaxshi emas, chunki agar bu muharrir ishlamasa, siz havola qo'shish uchun asosiy kodni ham bilmay qolasiz.

Umuman olganda, HTML belgilash tilidagi asosiy tushunchalarni bilish, menimcha, sizga katta yordam beradi va hayotingizni osonlashtiradi. Shunga qaramay, siz uchun yangi bo'lishi mumkin bo'lgan materialni o'rganishga sarflagan vaqtingiz behuda ketmaydi.

Sizning ishingizni osonlashtiradigan yana ko'p nuanslar mavjud va ular haqida quyida mening maqolamda o'qiysiz - bular va target="_blank" va havolalar bilan bog'liq boshqa ko'plab qiziqarli narsalar.

Bog'lanish yorlig'i A - langarli va langarsiz html hujjatida giperhavola yaratish

Yuqorida aytib o'tganimdek, havola men tomonidan eng ko'p ishlatiladigan html teglaridan biridir. Ular foydalanuvchilarning bir marta bosish orqali bir hujjatdan ikkinchisiga osongina o'tishlari uchun kerak.

Biroq, giperhavola yo'lini belgilash uchun href atributidan foydalanishingiz kerak. Buning yordamida siz bog'lanmoqchi bo'lgan sahifaning URL manzilini belgilashingiz mumkin va kerak. Bu sizning veb-saytingizning ichki sahifalari yoki World Wide Webdagi boshqa manba sahifalari bo'lishi mumkin.

Anchor html havola yorlig'i Qidiruv robotlari hisobga oladigan muhim omil, shuning uchun siz unga alohida e'tibor berishingiz kerak. Men uni langarda ishlatishni tavsiya qilaman kalit so'zlar, buning uchun siz maqolangiz qidiruv natijalarida birinchi o'rinlarga chiqishini xohlaysiz.

Html hujjatidagi giperhavolalar nazariyasi haqida bir oz tushunganimizdan so'ng, biz tasviriy misollarga o'tishimiz mumkin. Bu havolada bo'ladigan kod:

Bu erda sizning giperhavola matni, ya'ni langar bo'lishi kerak

Ko'rib turganingizdek, havola ochilish qavs bilan boshlanadi ":

Umuman olganda, foydalanuvchiga havolani qanday ochishni aytish yaxshi emas. Veb-saytdan foydalanish bo'yicha gurular bir ovozdan havolani qanday ochishni foydalanuvchining o'zi hal qilishi mumkinligini da'vo qilmoqda. U bu masalada bizning xohishimizsiz derazalarini tartibga soladi. Bundan tashqari, biz standart brauzerning "Orqaga" tugmasi funksiyasini ham buzamiz. Odatlarga bunday qo'pol aralashish dushmanlikni keltirib chiqarishi mumkin!

Bundan tashqari, yomon taassurot paydo bo'ladi: “Foydalanuvchi saytni tark etmoqda! U bu erga hech qachon qaytmasligi mumkin! Ah-ah-ah! Nima qilish kerak? ochamiz yangi havola boshqa oynada! Balki o‘ziga kerak bo‘lgan hamma narsani ko‘rgan bo‘lsa, mana shu oynani yopib, yana bizga keladi va keyin, albatta, doimiy mehmonga aylanadi!”

Ma'nosi, umid qilamanki, aniq - saytni yuqori sifatli foydali va qiziqarli kontent bilan to'ldiring va keyin tashrif buyuruvchilar ongli ravishda va mustaqil ravishda qaytib kelishadi.

Biroq, axloqiy tomondan tashqari, masalaning texnik tomoni ham bor - maqsadli atribut mavjud emas. XHTML spetsifikatsiyalari 1.0 Qattiq va shunga mos ravishda tekshirishdan o'tmaydi!

Yaroqli yechim: JavaScript

Agar oldingi paragraflarga qaramay, siz hali ham sahifani yangi oynada ochishga qaror qilgan bo'lsangiz (yoki majbur bo'lgan bo'lsangiz), hech bo'lmaganda buni to'g'ri bajaraylik.

Bu erda JavaScript yordamga keladi. Keling, havolaning onclick hodisasini to'xtatib, window.open() funksiyasidan foydalanib, yangi oynani majburan ochishga harakat qilaylik. Keyin biz qaytish false ni belgilab, mahalliy oynadagi havolaga amal qilishni taqiqlaymiz:

Havola yangi oynada ochiladi

Olingan yechimni tekshiramiz: .

Hammasi ajoyib. Brauzerlar havolani yangi oynada ishonchli tarzda ochadilar. Validator bizni yashil muvaffaqiyat xabari bilan xursand qiladi. Siz tinchlanishingiz mumkindek tuyuladi, lekin unday emas! Brauzeringizda qattiq qalqib chiquvchi oyna blokerini o'rnatishga harakat qilib ko'raylik va yana havolani bosing!

Yaxshiroq yechim

Qalqib chiquvchi oyna blokerlari, birinchi navbatda, bezovta qiluvchi reklamalarga qarshi kurashish uchun mo'ljallangan. Bu xususiyat barcha zamonaviy brauzerlarda mavjud. Ba'zi brauzerlar hatto turli darajadagi blokirovkalarni taklif qilishadi. Masalan, Opera 9+ da siz faqat "keraksiz" oynalarni yoki hamma narsani bloklashingiz mumkin.

Foydalanuvchilarning necha foizi qalqib chiquvchi oynalar bilan juda qattiq kurashayotganini bilmayman, lekin faqat ushbu sozlamalar bilan oynani ochish o'rniga, "qalqib chiquvchi oyna bloklangan" degan kichik taklif paydo bo'ladi. Bundan tashqari, brauzerning bosishga javobining bu ko'rinishi sozlamalarda o'chirib qo'yilishi mumkin. Bunday holda, havola shunchaki funksionalligini yo'qotadi: "Men bosaman, lekin hech narsa bo'lmaydi!"

Agar buni o'qib chiqqach, kimdir: "Siz hammani xursand qila olmaysiz! Xo'sh, ularning shifokori kim, ular uchun hamma narsa o'chirilgan!", demak, biz bunday odamlar bilan bir yo'lda emasmiz. Qolganlari uchun biz davom etamiz.

Havola yangi oynada ochiladi

Bu erda biz window.open() funksiyasi qaytib kelishidan foydalandik rost, agar oyna muvaffaqiyatli ochilgan bo'lsa va aks holda noto'g'ri. Ya'ni, agar havola yangi oynada muvaffaqiyatli ochilgan bo'lsa, biz havolaning ochilishini o'z oynasida bloklaymiz, chunki qaytish bo'ladi!true=false. Va aksincha, agar oynani ochib bo'lmasa, true qaytish havolaning normal ishlashiga imkon beradi.

Xayrli kun, aziz o'quvchilar. Savollarga javoblar soni anchadan beri nashr etilmayapti, menimcha, ko‘pchilik allaqachon o‘z savollariga javob kutishgan. Ba'zilaringiz mening yordamimsiz savolingizga javob topib bo'ldingiz, javob bermaganim uchun uzr so'rayman. yaxshilayman. Afsuski, bugun men barcha savollarga javob bermayman, faqat bitta.

Men bu savolni juda qiziqarli va foydali deb topdim, shuning uchun men unga alohida e'tibor berishga qaror qildim. Demak, savol shu.

Havolani yangi brauzer oynasida ochishga majbur qilish uchun target="_blank" tegidan foydalanish mumkinmi? Bu zararli emasmi? Bu biror narsaga ta'sir qiladimi?

Juda qiziq savol, haqiqat shundaki, teg atributi , bu havolani yangi oynada yoki brauzer yorlig'ida ochadi, target="_blank", HTMLdagi eng bahslilaridan biri. Garchi men o'zim undan faqat foydalansam va o'quvchilarim uchun bir necha marta ishlatsam ham, bu masalani tushunish va qandaydir fikrga kelishga harakat qilish kerak.

Bu erda vaziyatni ikki tomondan ko'rib chiqishga arziydi: maqsadni tekshirish nuqtai nazaridan ishlatish va havolani yangi oynada yoki brauzer yorlig'ida foydalanish qulayligi nuqtai nazaridan ochish. Birinchisidan boshlayman.

target="_blank" atributi yaroqsiz atribut va undan faqat oʻtish davri hujjatlarida foydalanish mumkin:

Taqqoslash uchun, Bloggerda bu shunday:

hujjat turi haqidagi ma'lumotlarni o'z ichiga oladi, veb-sahifaning kerakli elementi bo'lib, brauzerga sahifani qanday izohlash kerakligini aytadi. Men HTML, XML, XHTML yaratilish tarixiga kirmayman - bularning barchasi bir nechta maqolalar uchun materialdir. Lekin men mohiyatni etkazishga harakat qilaman.

Agar biz Blogger haqida gapiradigan bo'lsak, unda bizning shablonimiz ikki tilning aralashmasi - HTML va XML, bunday hollarda ko'rsatish kerak - XHTML 1.0 Strict. Ushbu turdagi hujjatlar aniq sintaksisga ega bo'lishi kerak va bu turdagi hujjatlarning spetsifikatsiyasi target="_blank" atributiga ega emas. Shuning uchun biz uchun bu atribut yaroqsiz va aslida undan foydalanish taqiqlangan.

Agar biz boshqa saytlar haqida gapiradigan bo'lsak, u erda target="_blank" atributidan foydalanish mumkinmi, unda siz sahifaning manba kodiga, ya'ni yozuvga qarashingiz kerak.

Hujjat turi saytni yotqizishda qaysi til yoki uning versiyasi ishlatilishiga qarab, ma'lum bir saytni ishlab chiquvchi tomonidan o'rnatiladi.

Bunday vaziyatda nima qilish kerak?
Men bu vaziyatning faqat ikkita echimini bilaman. Va ikkala variant ham idealdan uzoqdir.

Birinchi variant shundaki, hujjat haqiqiy bo'lishi uchun siz sahifalarni yangi brauzer burmasida ochadigan maxsus JavaScript yoki JQuery skriptlaridan foydalanishingiz mumkin.

Ushbu usulning salbiy tomoni: brauzer sozlamalarida JavaScript o'chirilgan bo'lsa, sahifa yangi oynada ochilmaydi.

Ikkinchi variant - target="_blank" dan foydalanish va endi bu muammodan aziyat chekmaydi. Ushbu atribut yaroqsiz bo'lsa ham, u hali ham barcha brauzerlar tomonidan qo'llab-quvvatlanadi. Va undan foydalanish hech qanday tarzda qidiruv tizimlari tomonidan saytni indekslashga ta'sir qilmaydi.

Biz savolning birinchi qismini muhokama qildik, lekin yuqorida aytganimdek, masalaning boshqa tomoni ham bor - foydalanish qulayligi, tashrif buyuruvchi uchun qulaylik. O'quvchilarimizga havolalarni yangi tabda ochish qulaymi?

Ishlab chiquvchilarning ma'lum bir qismi (qanchaligini ayta olmayman) foydalanuvchini o'sha tabda yoki yangi sahifada qanday qilib sahifa ochishni o'zi hal qilish imkoniyatidan mahrum qilishni yomon ko'rishadi. Va shuningdek, ko'proq A Men ilg'or (tajribali) foydalanuvchilarning bir qismiman, ular o'zlari havolani qanday ochishni hal qilishlari mumkinligiga ishonishadi, chunki bu hech bo'lmaganda bir xil sichqonchada taqdim etiladi. Boshqa tomondan, Internetda o'rtacha darajadan past bo'lgan juda ko'p foydalanuvchilar bor va ko'pchilik bir xil sichqonchani ishlatib, yangi oynada istalgan havolani ochishingiz mumkinligini bilishmaydi.

Agar buni qanday qilishni hali bilmasangiz, men sizga aytaman. Har bir sichqonchaning g'ildiragi bo'lishi kerak, shuning uchun sichqonchani havola ustiga olib borib, g'ildirakni bossangiz, havola yangi oynada ochiladi. Yoki uchta tugmali sichqonchalar mavjud va bu vazifani o'rta tugma bajaradi. Ammo aytganimdek, barcha Internet foydalanuvchilari bunday yoqimli kichik narsa haqida bilishmaydi.

Bundan tashqari, ko'plab foydalanuvchilar nuqtai nazaridan, ichki havolani bir xil brauzer oynasida (yorlig'ida) ochish va tashqi havolalarni yangi tabda ochish qulay; ko'pchilik uchun bu oddiy va mantiqiy.

Aynan mana shunday qarama-qarshi fikrlar va foydalanuvchilarning turli bilim darajalari tufayli target="_blank" atributi va umuman, havolalarni yangi oynada ochish masalasi eng qizg'in muhokama qilinadigan mavzudir.

Bu masala bo'yicha mening fikrim qanday? Men o'zim yangi boshlovchi edim, ko'p odamlarni bilaman, ular Internet haqida faqat Yandex va Odnoklassniki biladilar va ular monitor nima ekanligini, klaviaturada nima uchun bunchalik ko'p tugmalar borligini va sichqonchaning g'ildiragi nima uchun ekanligini bilishmaydi. umuman kerak (Albatta, bunday bo'shliqlar tezda to'ldiriladi). Men o'zim hozir bo'lgan tabda yangi sayt ochish juda noqulay deb o'ylayman. Men haqiqatan ham saytni tark etishni rejalashtirgan bo'lsam ham, avvalgi yorliqni yopsam, ko'p tashvishlanmayman. Men sayt ichidagi havolani bir xil yorliqda va tashqi havolani yangisida ochishni xohlayman. Bu mening shaxsiy fikrim va men o'zimni haqiqat deb da'vo qilmayman.

Agar siz ushbu muammo haqida jiddiy o'ylab ko'rgan bo'lsangiz va maxsus skriptdan foydalanishga qaror qilsangiz, men siz uchun yechim topishga harakat qildim. Bu skript har qanday veb-sayt, CMS va Blogger platformasi uchun javob beradi; Men sizga misol tariqasida Blogger’dan foydalanishni ko‘rsataman.

Dizayn - HTML-ni tahrirlash bo'limiga o'ting, kodni toping va uning oldiga kodni kiriting:

Agar siz foydalanuvchilaringizni havola yangi tabda ochilishi haqida ogohlantirmoqchi bo'lsangiz, men qilgan kabi havolaga uslubni qo'llashingiz mumkin. Buning uchun shablonga ]]> qatoridan oldin quyidagi uslubni qo'shing:

Tashqi (
to'ldirish: 0 10px 2px 0;
fon: url (http://lh6.googleusercontent.com/_G92voTj-yF0/TcFG68RdfLI/AAAAAAABfA/QJM25G6lInk/externallink.gif) takrorlanmaydigan o'ng markaz;
}

Men to'ldirish maydoni qiymatlarini joylashtirdim. Foydalanadigan shrift va matnni ko'rsatish sozlamalariga qarab, ushbu raqamlarni o'zingizga moslashtirishingiz kerak bo'ladi. Shuningdek, siz albomingizga rasm yuklashingiz yoki umuman boshqasini ishlatishingiz mumkin.

Aytmoqchimanki, men uch xil skriptni sinab ko'rdim va yuqorida taklif qilingani hamma joyda ishlamaydi. Agar yuqorida tavsiya etilgan skript siz uchun ishlamasa, quyidagi variantlarni sinab ko'rishingiz mumkin:

http://sites.google.com/site/seobiblioteka/extlinks.js
http://sites.google.com/site/seobiblioteka/external.js

Ammo oxirgi ikkita skript uslublarni avtomatik yuklashni qo'llab-quvvatlamaydi, shuning uchun siz tashqi havola uchun ichki havoladan farqli uslubdan foydalanmoqchi bo'lsangiz, havolaga class="external" sinfini belgilashni unutmang.

Bu target="_blank" dan foydalanish va havolani yangi varaqda ochish haqida. Umid qilamanki, men o'quvchining savoliga javob berdim va bu ma'lumot hamma uchun foydali bo'ladi.

Hurmatli bloggerlar, agar sizning savolingiz Blogger bilan bog'liq bo'lsa, men buni forumda berishni tavsiya qilaman. Javoblar blogda tez-tez emas va muntazam ravishda nashr etiladi va siz juda oddiy savolga javob berish uchun bir necha hafta kutishingiz kerak. Forumda savol berish orqali siz mendan yoki boshqa foydalanuvchilardan bir necha soat ichida javob olasiz.
Dam olish kunlarni yaxshi o'tkazing.

Salom, aziz blog o'quvchilari. Bugun men giperhavola nimada ekanligi haqida batafsilroq gaplashmoqchiman HTML tili, ularni qanday qilib saytdagi matnga joylashtirishingiz mumkin, qanday qilib rasmga havola qilish, “A” tegidan va uning “Href” va “Target blank” atributlaridan to‘g‘ri foydalanish (yangi oynada ochish).

Umuman olganda, giperhavola asosiy element hisoblanadi. Bundan tashqari, havolalar endi veb-saytning muvaffaqiyatli targ'ib qilinishiga ta'sir qiluvchi uchta asosiy omildan biridir. Ularni to'g'ri qo'llash va tushunish, masalan, ularning buxgalteriya hisobiga qanday ta'sir qilishini tushunish qidiruv tizimlari, resursingizga trafikni sezilarli darajada ta'sir qilishi mumkin.

Giperhavolalar va langarlar nima?

Shunday qilib, biz allaqachon kundalik foydalanish uchun tavsiya etilmaydigan eskirgan teglar bilan tanishdik. Keling, keyingi tanishuvimizni davom ettiramiz.

Html kodida giperhavola qilish uchun biz A tegidan ham foydalanishimiz kerak bo'ladi.Uning uchun biz turli atributlardan foydalanishimiz mumkin, masalan, ushbu havola (href) bo'ylab harakatlanish yoki ko'rsatma berish uchun maqsadning URL manzilini o'rnatishimiz mumkin. uni yangi oynada ochish kerak (target = _blank). Ammo keling, hamma narsa haqida tartibda gaplashaylik.

Yuqorida aytib o'tganimizdek, giperhavolalar Html tilining asosiy elementi bo'lib, ular ham o'z saytingizning ichki sahifalariga, ham boshqa internet resurslariga ulanish imkonini beradi. Men oddiylikni aytaman - havolani bosish orqali amalga oshiriladi (siz nima deb o'ylaysiz?).

Ular ichki yoki tashqi bo'linishi mumkinligidan tashqari, ular yordamchi bo'lishi mumkin va faqat sizning saytingiz sahifalari ochiladigan brauzer ehtiyojlari uchun ishlatilishi mumkin.

Bunday holda, ular sahifada ko'rinmaydi, chunki Bosh hududida ro'yxatga olingan manba kodi mazmuni sahifada ko'rsatilmagan hujjat (men maqolada gipermatnni belgilash til kodining tuzilishini eslatib o'tdim).

Xizmat giperhavolalari “A” tegi (odatdagi kabi) yordamida emas, balki “Link” tegi yordamida yaratiladi. Ular bajaradigan juda ko'p vazifalar mavjud, masalan, ulardan foydalanish HTML hujjati CSS kaskadli uslublar jadvallari bilan tashqi fayllar yoki, masalan, .

Ammo bugun biz ularni qanday yaratishingiz mumkinligini ko'rib chiqmaymiz (hali biz ularga etib boramiz), lekin Tana maydonida yaratilishi mumkin bo'lgan ko'rinadigan havolalar haqida batafsil to'xtalib o'tamiz va shunga mos ravishda ular veb-sahifada ko'rsatiladi.

Biroq, shunga qaramay, barcha giperhavolalar (ham ko'rinadigan, ham xizmat ko'rsatish) umumiy narsaga ega - ularning barchasi kerakli Href atributini o'z ichiga oladi. Unda, uning qiymati sifatida hujjatning ma'lum bir joyi (agar u ilgari langar bilan belgilangan bo'lsa) yoki hujjatning Internetdagi manzili (Href tilida yoki boshqacha qilib aytganda, sahifaga yo'l) yoziladi. yoki boshqa fayl yozilgan).

Giperhavolalar - navigatsiya elementlari bo'lib, ular sizni tarmoqdagi boshqa hujjatlarga o'tkazish yoki siz ko'rayotgan veb-sahifa mazmuni bo'ylab hujjatning asosiy qismida oldindan qo'yilgan belgilar yordamida harakat qilish uchun mo'ljallangan, ularni Html langari deb ham ataladi.

Bu erda chalkashliklar bo'lishi mumkin, chunki ... SEO-da bu so'z , lekin Html-da "langar" langar (langar so'zining tarjimasi) yoki matndagi belgini anglatadi, keyinchalik unga murojaat qilish mumkin.

Nima uchun langarlar HTMLda ishlatiladi? Bu ancha uzun veb-sahifada navigatsiya yaratishda juda qulay. Ehtimol, siz uni Internetda siz ochgan sahifada ko'rgan bo'lsangiz, darhol uning sarlavhasi ostida ushbu sahifada chop etilgan maqola bo'limlarining nomlari joylashgan.

Shu tariqa o‘quvchi matnni varaqlab, kerakli joyni vizual izlash bilan ovora bo‘lmay, o‘zini qiziqtirgan sahifadagi ma’lumot joylashgan joyga darhol borishi mumkin bo‘ladi. Qulay va yaxshilaydi.

Ankorlar va havola xeshlari qanday yaratiladi

Shunday qilib, bu holda bizning vazifamiz langarlarni sahifaning (hujjatning) to'g'ri joylariga o'rnatishdan iborat bo'lib, ular umuman quyidagicha ko'rinadi:

Bular. langar yaratish uchun siz "A" bo'sh giperhavola yorlig'iga bitta "Ism" atributini kiritishingiz kerak, uning qiymati bo'sh joy bo'lmasligi kerak bo'lgan noyob yorliqdan foydalanadi va lotin harflari, raqamlaridan foydalanish mumkin. , defis va pastki chiziq (Url yaratishingiz mumkin bo'lgan qoidalarga to'liq o'xshash - ,,,[_],[-]).

Bunday holda, langar sahifaning o'zida ko'rinmaydi, chunki Biz "A" elementlari ichida hech qanday matn yozmadik. Biroq, shu tarzda yaratilgan langarlar Html kodini ifloslantiradi va shuning uchun endi langarlarga qaraganda ko'proq yorliq yaratishning boshqa usulidan foydalanadilar.

Bunday holda, siz bo'sh "A" tegini yaratishingiz shart emas, lekin siz matnning kerakli joyida mavjud bo'lgan har qanday elementlardan foydalanishingiz mumkin. Masalan, bular bo'lishi mumkin.

Bular. langarning analogini yaratish uchun har qanday tegga universal identifikator atributini belgilash kifoya (u barcha teglar uchun ishlatilishi mumkin va, aytmoqchi, ular unga asoslanib ishlaydi), masalan, quyidagicha:

Sarlavha matni

Shunday qilib, endi kodni ifloslantiruvchi va paydo bo'ladigan kerakli miqdordagi langarlarni yaratish o'rniga bu daqiqa haqiqiy emas (Html ​​tilini ishlab chiqaruvchi W3C konsorsiumi tomonidan tavsiya etilmaydi), biz shunchaki Id qo'shamiz.

Ma'lum bo'lishicha, buning uchun odatdagidek "A" giperhavolasi ichiga kerakli "Href" atributini kiritish kerak bo'ladi, lekin uning qiymati xesh oldidan kerakli yorliq (langar) nomidan hosil bo'ladi. “#” belgisi, bu xesh deb ham ataladi (Aytgancha, bu erda tez-tez ishlatiladigan nomning oyoqlari o'sadi: havola xeshi):

langar bilan belgilangan sahifaning joyiga o'tadi

E'tibor bering, bunday giperhavolani bosganingizda, yangi hujjat ochilmaydi. Brauzer allaqachon aylantiriladi sahifani oching shunday holatga keltiringki, matndagi siz langar qo'ygan joy ekranning eng yuqori qismida joylashgan. Brauzerda chalkashliklarga yo'l qo'ymaslik uchun bitta sahifadagi barcha teglar (langarlar) qiymatlari noyob bo'lishi kerak deb taxmin qilish mantiqan to'g'ri bo'ladi.

Agar siz qulay joylashgan tegda ID atributidan foydalanib langar qilsangiz, unda ishlatiladigan belgilar turiga (,,,[_],[-]) cheklovdan tashqari, ID qiymatini ham hisobga olishingiz kerak. lotin harfi belgisi bilan boshlanishi kerak.

Keyin barcha haqiqiy belgilar istalgan miqdorda joylashtirilishi mumkin, lekin ID atributi qiymatidagi langar yorlig'ining birinchi belgisi harf bo'lishi kerak (albatta lotin tilida). Aks holda, Html kodiga kiritilgan bunday langar ishlamaydi (ko'pgina brauzerlarda).

Agar siz "#" xesh belgisidan keyin biron bir langar yorlig'i nomini (href="#") yozmasangiz, bunday giperhavola sahifani boshiga aylantiradi. Rasmdan havola qilish (bu haqda biroz keyinroq gaplashamiz) va uni veb-saytingiz shabloniga kiritish orqali oddiy "Tepaga qaytish" tugmachasini shunday yaratishingiz mumkin, masalan:

Href har qanday giperhavolaning zarur teg atributidir

Endi hujjat ichidagi navigatsiyadan (langarlar yordamida) tashqi navigatsiyaga o'tamiz, ya'ni. bizning yoki boshqa saytimizdagi boshqa hujjatlarga havola qilishimiz kerak bo'ladi. Endi Href atributida biz endi langar yorliqlarini ko'rsatishimiz shart emas, lekin ochiladigan faylga yo'l (sahifa, dizayn bo'yicha, keyinchalik ko'rsatish uchun brauzerga yuklangan fayl).

langar

Bu erda biz batafsilroq gaplashishimiz kerak, lekin men ular haqida yuqorida aytib o'tilgan materialda batafsilroq yozganman, shuning uchun o'zimni takrorlashning ma'nosi yo'q. Lekin siz yaratgan giperhavolaning Href atributida faylga yo'lni qanday o'rnatishni bilishingiz kerak. Shuning uchun, taqdim etilgan material bilan tanishishga urinmang.

Ammo shuni eslatib o'tamanki, Urllarni yaratishda faqat quyidagi belgilardan foydalanish afzalroq: (,,,[_],[-]) va bo'sh joydan foydalanmaslik. Agar mutlaq havolalar uchun Href atributining mazmunini ko'rib chiqsak, uni sxematik tarzda quyidagicha ko'rsatish mumkin:

Agar siz kamdan-kam ishlatadigan narsadan voz kechsak, siz xuddi shu narsani biroz soddalashtirilgan shaklda taqdim etishingiz mumkin:

Protokol (odatda http)://domen_name (masalan, veb-sayt)/path_to_file ( veb-sahifalar)

Oddiy http protokoliga qo'shimcha ravishda, Internetda siz https protokoli bilan havolalarni topishingiz mumkin, bu shifrlashdan foydalanishi bilan ajralib turadi. Ikkinchisi server va mijoz brauzeri o'rtasida ma'lumot almashish kanalini himoya qilish zarurati bo'lgan saytlarda qo'llaniladi. Masalan, u Web Money elektron pul xizmatlarida qo'llaniladi.

Internetda siz Href tarkibining turli xil versiyalarini topishingiz mumkin, masalan, bu:

Https://site/videokursy

Yoki bu (fayl kengaytmasi bilan):

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

Bu mohiyatni o'zgartirmaydi, lekin agar giperhavola ichida Href atributi mazmuni oxirida slash bo'lsa, bu kirish endi faylga emas, balki tegishli indeks ob'ekti bo'ladigan papkaga bo'lishini anglatadi. qidiriladi (batafsil ma'lumot uchun yuqorida ko'rsatilgan url manzillari haqidagi maqolani o'qing).

Havoladan biror narsani yuklab oling

Ko'rib turganingizdek, bu giperhavola odatdagidan farq qilmaydi, shunchaki brauzer zip kengaytmali faylni yuklab olish kerakligini tushunadi va uni ko'rish uchun ochishga urinmaslik kerak, masalan, hujjat fayllari. html kengaytmasi. Biroq, bularning barchasini shaxsiy ehtiyojlaringizga mos ravishda brauzeringizda alohida sozlashingiz mumkin.

Ftp serveridan yuklab oling

Shuningdek, masalan, Href-ga tegishli URL-manzilni qo'shish orqali (pochta) yaratishingiz mumkin:

Xat yozing

Ushbu havolani bosganingizda, siz foydalanadigan standart havola kompyuteringizda ochiladi. pochta dasturi(brauzerda siz Href-dagi mailto bilan havolalarni Gmail-da ochish uchun sozlashingiz mumkin va hokazo) va yangi xat yaratish uchun dialog oynasi paydo bo'ladi, unda Href-da ko'rsatilgan elektron pochta manzili "Kimga" maydoniga kiritiladi.

Aslida, siz juda murakkab elektron pochta havolalarini yaratishingiz mumkin, ular yordamida elektron pochta xabarlarini yuborish dialogidagi boshqa maydonlar to'ldiriladi, ammo bu juda kam qo'llaniladi.

Va umuman olganda, veb-ustalar Yaqinda Biz Href-da mailto bilan giperhavolalardan foydalanishni deyarli to'xtatdik, chunki ular spamerlar tomonidan barcha oqibatlarga olib keladi. Uni veb-saytda yaratish yaxshiroqdir, garchi menda hali ham kontakt sahifasida klassik shaklda taqdim etilgan hamma narsa bor. Bo‘sh vaqtimda o‘zgartirishim kerak (yoki yo‘q... O‘ylab ko‘raman).

Yangi oynada havolani qanday ochish mumkin (bo'sh maqsad)

Html kodida havolalar yaratishda biz ko'pincha savolga duch kelamiz - u olib boradigan hujjatni brauzerning qaysi oynasida ochishimiz kerak? Odatiy bo'lib, u mavjud oynada ochiladi va bu giperhavola joylashtirilgan sahifaning ustiga tushadi.

Shaxsan men bo'sh qiymatli Target atributining katta tarafdoriman, bu sizga havola joylashtirilgan hujjatni ochiq qoldirib, yangi oynada sahifa ochish imkonini beradi. Bu mening blogimning qulayligiga qanday ta'sir qilishini bilmayman, lekin bu variant menga ko'proq yoqadi va men uni deyarli barcha holatlarda ishlataman.

Qidiruv tizimlarida men ham yangi oynada havolalarni ochishni sozlashni yaxshi ko'raman, shunda natijalar har doim qo'lda bo'ladi va siz har doim unga qaytishingiz mumkin. Ushbu maqsadlar uchun, yuqorida aytib o'tilganidek, Html sukut bo'yicha Self qiymatiga ega bo'lgan maxsus Target atributidan foydalanadi:

Hujjatni xuddi shu oynada ochadi

Garchi, albatta, hech kim "A" tegida target="_self" yozmaydi, chunki bu qiymat sukut bo'yicha ishlatiladi, lekin sahifani yangi oynada ochish kerak bo'lsa, target="_blank" yozish kerak bo'ladi. ":

Yangi oynada ochiladi

E'tibor bering, Target atributi qiymatlari boshida pastki chiziq bilan (_blank) yoziladi, chunki bu Wc3 validatorida ko'zda tutilgan bo'lib, unda gipermatn belgilash tili teshiklari mavjud. Shunisi e'tiborga loyiqki, Html standart havolani ochish opsiyasini o'zgartirish imkoniyatini beradi.

Misol uchun, agar siz saytingizdagi barcha giperhavolalar yangi oynada ochilishini istasangiz, foydalanayotgan shablonning Head maydoniga target="_blank" atributli Base tegini qo'shishingiz kerak bo'ladi:

u erda yana bir narsa bor

Va endi, agar siz bir xil oynada havolalardan birini ochmoqchi bo'lsangiz, uning "A" tegiga target="_self" ni qo'shishingiz kerak bo'ladi, chunki sukut bo'yicha siz hozir _blank dan foydalanasiz. Oh, qanday qilib.

Aytgancha, men Base elementini yuqorida tavsiflangan tarzda ishlatganman, lekin unga yangi oynada ochilishi kerak bo'lgan bir nechta giperhavolalar bilan kod maydonini ham qo'shganman. Bular. Men shuningdek, Tana maydonidagi asosiy tegni yopishdan foydalandim va u ishladi. Garchi bunday kod, albatta, yaroqsiz bo'lib chiqadi.

Giperhavolani oching va ranglarni bosing - ularni qanday o'zgartirish mumkin

Html tili shunday yaratilganki, foydalanuvchi qaysi havolani allaqachon ochgan va qaysi biriga tegmagan bo'lsa, osongina o'tishi mumkin edi.

Buning uchun foydalanuvchi giperhavolani bosganda va unga bog'langan hujjat muvaffaqiyatli ochilganda o'zgaradigan rang ishlatiladi. Asl sahifaga qaytib, foydalanuvchi u tashrif buyurgan havola rangini o'zgartirganini topadi. Barcha brauzerlar buni amalga oshirishi mumkin.

Odatiy bo'lib, sof HTMLda (foydalanmasdan CSS xususiyatlari) havolalar tagiga chizilgan va uchta rang variantiga ega boʻlishi mumkin:

Moviy - foydalanuvchi hali bosmagan, kuzatilmagan havolalar uchun rang

Qizil - uni bosgandan so'ng darhol giperhavola tomonidan qabul qilinadi va so'ralgan hujjat tarmoq orqali foydalanuvchi brauzeriga yuklab olinmaguncha (zamonaviy sharoitda bu lahzani qo'lga kiritish oson emas va hamma joyda hamma narsa aybdor)

Binafsha rang - foydalanuvchi allaqachon kuzatgan sarflangan havolalar uchun rang

Html 4.01 da havolalar uchun bu ranglar sukut bo'lib, lekin ularni siz foydalanayotgan shablon fayllaridan birida topishingiz mumkin bo'lgan Body tegiga yozilgan maxsus atributlar yordamida o'zgartirishingiz mumkin. Barcha uchta rangni o'zgartirish uchun mos ravishda uchta atribut ishlatiladi:

Bog'lanish - ko'rilmagan havola rangini o'rnatadi

Alink - brauzer tomonidan qayta ishlanayotgan hozirda faol rang

Vlink - foydalanuvchi allaqachon tashrif buyurgan giperhavolaning rangi

Esingizda bo'lsin, men allaqachon qanday qilib yozganman. Shunga ko'ra, ko'rsatilgan atributlar quyidagicha ko'rinishi mumkin:

Tabiiyki, bu erda sof Html opsiyasi nazarda tutilgan edi, agar biron sababga ko'ra uslubni ishlatish qulay yoki imkonsiz bo'lsa, aks holda bu ranglarning barchasini osongina sozlash va o'zgartirish mumkin.

Qanday qilib rasmni havola qilish kerak - ikki yo'l

Xo'sh, bu erda hamma narsa juda oddiy. Chunki kichik harf elementi bo'lsa, u holda har qanday tasvirni katta hajmda faqat harf deb hisoblash mumkin, ehtimol faqat kattaroq o'lchamdagi.

Sof HTML holatida siz havola qilgan tasvir atrofida uch piksel kenglikdagi ramkaga ega bo'lasiz. Bundan tashqari, ushbu ramkaning rangi saytingiz uchun qabul qilingan havola ranglariga to'liq mos keladi (biz ular haqida matnda biroz yuqoriroq gaplashdik).

Giperbog'langan rasmga chegara qo'shishni olib tashlash uchun Img tegiga nol qiymatiga ega Border atributini qo'shishingiz kerak:

Bu rasmni havola qilishning juda oddiy usuli, ammo tasvir xaritasi deb ataladigan yanada murakkab variant mavjud. Bunday holda, juda ko'p miqdordagi HTML teglari va atributlaridan foydalanish tufayli siz bitta rasmdan faol maydonlarga ega bo'lgan havolalarning butun xaritasini yaratishingiz mumkin (bosiladigan va turli shakllarga ega - to'rtburchaklar, doiralar, ko'pburchaklar).

Misol uchun, siz o'z sahifangizga katta hajmdagi fotosuratni joylashtirishingiz va uni shunday qilishingiz mumkinki, uning turli qismlarini bosganingizda, turli xil sahifalar turli giperhavolalar bilan ochiladi. Darhaqiqat, rasm xaritasini tasvirlash uchun juda ko'p vaqt kerak bo'ladi va uni hech kim ishlatishi dargumon, shuning uchun men buni qilmayman, chunki "o'yin shamga arzimaydi".

Omad sizga! Tez orada blog sayti sahifalarida ko'rishguncha

Sizni qiziqtirishi mumkin

Tanlang, Option, Textarea, Label, Fieldset, Legend - teglar HTML shakllari ochiladigan ro'yxatlar va matn maydoni
Qanday kiritish kerak HTML havolasi va rasm (fotosurat) - IMG va A teglari
Iframe va Frame - ular nima va Html-da freymlardan qanday foydalanish yaxshiroq
Bo'shliq belgilari va ularni Html-da kodni formatlash, shuningdek, maxsus belgilar buzilmaydigan bo'shliq va boshqa mnemonika
MailTo - bu nima va Html-da elektron pochta xabarini yuborish uchun havolani qanday yaratish kerak
Html va CSS kodlarida ranglar qanday o'rnatiladi, jadvallarda RGB soyalarini tanlash, Yandex chiqishi va boshqa dasturlar
Shrift (Yuz, o'lcham va rang), Blockquote va Pre teglar - eski matn formatlash toza HTML(siz CSS yordamida)
Img - Html yorlig'i rasmni qo'shish (Src), matnni uning atrofida tekislash va o'rash (tekislash), shuningdek fonni o'rnatish (fon)
Html kodidagi ro'yxatlar - UL, OL, LI va DL teglari
Sarlavha teglari va atributlari H1-H6, gorizontal chiziq Html 4.01 standartiga muvofiq Hr, satr uzilishi Br va paragraf uzilishi P