Element
(ingliz tilidan tanasi- tana) brauzer oynasida ko'rsatilgan veb-sahifa (kontent) tarkibini saqlash uchun mo'ljallangan. Hujjatda ko'rsatilishi kerak bo'lgan ma'lumotlar konteyner ichida joylashgan bo'lishi kerak . Ushbu ma'lumotlar matn, rasmlar, teglar, JavaScript va boshqalarni o'z ichiga oladi.veb-sahifadagi havolalar va matnlarning ranglarini aniqlash uchun ham ishlatiladi. Ushbu amaliyot HTMLda mantiqiy emas va buning o'rniga ranglar sxemasini belgilash uchun uslublardan foydalanish, ularni tana selektoriga qo'llash tavsiya etiladi.Ko'pincha
Hujjat joriy oyna yoki freymga yuklashni tugatgandan so'ng ishga tushadigan yuklash kabi hodisa ishlov beruvchisini joylashtirish uchun ishlatiladi.Teglarni ochish va yopish
veb-sahifada talab qilinmaydi, lekin HTML hujjatining boshi va oxirini aniqlash uchun ulardan foydalanish yaxshi uslub hisoblanadi.Sintaksis
...Yopish belgisi
Majburiy emas.
Atributlar
Misol
Hatto Aristotel o'zining "Siyosat" asarida musiqa insonga ta'sir ko'rsatib, "o'ziga xos poklanishni, ya'ni zavq bilan bog'liq bo'lgan yengillikni" beradi, deb aytgan.
Joriy misolning natijasi rasmda ko'rsatilgan. 1. Elementning yuklanish hodisasidan foydalanilganda
JavaScript-da yozilgan skript bajariladi, bu holda u hujjat yuklanganligi haqidagi xabarni ko'rsatadi.Guruch. 1. Hujjatdagi qalqib chiquvchi oyna
Spetsifikatsiya
Har bir spetsifikatsiya tasdiqlashning bir necha bosqichlaridan o'tadi.
- Tavsiya - Spetsifikatsiya W3C tomonidan tasdiqlangan va standart sifatida tavsiya etiladi.
- Nomzod tavsiyasi ( Mumkin bo'lgan tavsiya) - standart uchun mas'ul bo'lgan guruh o'z maqsadlariga javob berishidan qoniqish hosil qiladi, lekin standartni amalga oshirish uchun ishlab chiqish hamjamiyatidan yordam talab qiladi.
- Taklif etilayotgan tavsiya Tavsiya etilgan tavsiya) - bu bosqichda hujjat yakuniy tasdiqlash uchun W3C maslahat kengashiga taqdim etiladi.
- Ishchi loyiha - jamoatchilik muhokamasi uchun muhokama qilingan va o'zgartirishlar kiritilgan loyihaning yanada etuk versiyasi.
- Tahririyat loyihasi ( Tahririyat loyihasi) - loyiha muharrirlari tomonidan kiritilgan o'zgartirishlardan so'ng standartning qoralama versiyasi.
- qoralama ( Spetsifikatsiya loyihasi) - standartning birinchi qoralama versiyasi.
Tirik HTML standarti (Living) alohida ajralib turadi - u an'anaviy versiya raqamlashiga amal qilmaydi, chunki u doimiy ravishda ishlab chiqiladi va muntazam yangilanadi.
teg (ikki barobar ortadi) brauzer oynasida ko'rsatilgan veb-sahifa (kontent) tarkibini saqlash uchun mo'ljallangan. Hujjatda ko'rsatilishi kerak bo'lgan ma'lumotlar BODY konteynerida joylashgan bo'lishi kerak. Ushbu ma'lumotlar matn, rasmlar, teglar, JavaScript va boshqalarni o'z ichiga oladi.
teg veb-sahifadagi havolalar va matnlarning ranglarini aniqlash uchun ham ishlatiladi. Ushbu amaliyot HTML 4 da eskirgan va buning o'rniga ranglar sxemasini belgilash uchun uslublardan foydalanish tavsiya etiladi va ularni selektorga qo'llash tavsiya etiladi. . Biroq, ko'pgina variantlar hali ham brauzerlarda qo'llab-quvvatlanadi.
Ko'pincha teg Hujjat joriy oyna yoki freymga yuklashni tugatgandan so'ng ishga tushadigan onLoad kabi voqea ishlovchisini joylashtirish uchun ishlatiladi.
Veb-sahifadagi BODY teglarini ochish va yopish ixtiyoriy, ammo HTML hujjatining boshi va oxirini aniqlash uchun ulardan foydalanish yaxshi uslubdir.
Sintaksis
...
Yopish belgisi
Majburiy.
Variantlar
alink - faol havola rangini o'rnatadi.
fon - veb-sahifadagi fon tasvirini o'rnatadi.
bgcolor - veb-sahifaning fon rangi.
bgproperties - fonni matn bilan birga aylantirish yoki qilmaslikni aniqlaydi.
pastki chegara - brauzer oynasining pastki chetidan tarkibga chekinish.
chap chegara - brauzer oynasining chetidan tarkibga gorizontal chekka.
havola - havola rangi.
aylantirish - aylantirish satrlarini ko'rsatish yoki ko'rsatmaslikni belgilaydi.
matn - hujjatdagi matnning rangi.
topmargin - brauzer oynasining yuqori chetidan tarkibga chekinish.
vlink - tashrif buyurilgan havolalar rangi.
1-misol: BODY tegidan foydalanish
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim weniam, quis nostrud exerci tuttion ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
BODY teg parametrlarining tavsifi
ALINK parametri
Tavsif
Faol havola rangini o'rnatadi. Sichqoncha kursori bilan bosilganda yoki klaviatura yordamida tanlanganda joriy havola rangi faol rangga o'zgaradi.
Sintaksis
Argumentlar
Rang qiymati ikki usulda o'rnatilishi mumkin.
1. Nomi bilan
Brauzerlar ba'zi ranglarni o'z nomi bilan qo'llab-quvvatlaydi.
2. O‘n oltilik qiymat bo‘yicha
Ranglarni belgilash uchun o'n oltilik raqamlar ishlatiladi. O‘nlik sanoq sistemasidan farqli o‘laroq, o‘nlik sanoq sistemasi nomidan ko‘rinib turibdiki, 16 raqamiga asoslanadi. Raqamlar quyidagicha bo‘ladi: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. 10 dan 15 gacha raqamlar lotin harflari bilan almashtiriladi. O'n oltilik sistemada 15 dan katta sonlar ikkita raqamni birlashtirib hosil qilinadi. Masalan, o'nlik sanoqdagi 255 soni o'n oltilik sanoqdagi FF soniga mos keladi. Sanoq tizimini aniqlashda chalkashliklarga yo'l qo'ymaslik uchun o'n oltilik raqam oldiga # xesh belgisi qo'yiladi, masalan #666999. Uch rangning har biri - qizil, yashil va ko'k - 00 dan FF gacha qiymatlarni qabul qilishi mumkin. Shunday qilib, rang belgisi uchta komponentga bo'lingan #rrggbb, bu erda birinchi ikkita belgi rangning qizil komponentini, o'rta ikkitasi - yashil va oxirgi ikkitasi - ko'kni bildiradi.
Standart qiymat
Havola rangiga mos keladi.
...
BACKGROUND parametri
Tavsif
Fon rasmi sifatida ishlatiladigan tasvirni belgilaydi. Oddiy tasvirlardan farqli o'laroq, fonda kenglik yoki balandlik o'rnatilgan emas va har doim 100% to'liq hajmda ko'rsatiladi. Agar rasm o'lchami bo'yicha brauzer oynasidan kichikroq bo'lsa, u holda rasm gorizontal ravishda o'ngga va pastga qarab, mozaika kabi qatorlanadi. Shu sababli, saytga tashrif buyuruvchilar uchun sezilarli bo'lgan fon tasvirlarining birlashmasida ko'rinadigan farqlar paydo bo'lishi mumkin. Fon rasmini tanlayotganda, u va veb-sahifadagi matn o'rtasida etarlicha kontrast mavjudligiga ishonch hosil qiling. Animatsiyalangan GIF-larni fon sifatida ishlatish mumkin, ammo ular o'quvchi e'tiborini chalg'itadi.
Sintaksis
Argumentlar
Har qanday haqiqiy tasvir manzili - siz nisbiy yoki mutlaq yo'ldan foydalanishingiz mumkin.
Standart qiymat
Yo'q.
3-misol: Veb-sahifada fon rasmi o'rnatish
...
BGCOLOR parametri
Tavsif
Veb-sahifaning fon rangini o'rnatadi. Ushbu parametrni fon tasviriga yaqin fon rangini tanlab, fon bilan birgalikda ishlatishingiz mumkin
Sintaksis
Argumentlar
ALINK parametriga qarang.
Standart qiymat
Brauzer va uning versiyasiga bog'liq, lekin fon rangi odatda oq.
4-misol: Veb-sahifaning fon rangini o'rnatish
...
BGPROPERTIES parametri
Tavsif
Odatiy bo'lib, fon tasviri veb-sahifa mazmuni bilan birga aylanadi. Bgproperties parametridan foydalanib, siz fonni bir joyda tuzatishingiz va shu bilan faqat tarkibni aylantirishga majbur qilishingiz mumkin. Veb-sahifaning bunday sifati veb-saytlar uchun juda kam qo'llaniladi, shuning uchun u foydalanuvchilarga g'alati va g'ayrioddiy tuyulishi mumkin.
Sintaksis
Argumentlar
Orqa fonni tuzatuvchi faqat bitta sobit parametr mavjud. Agar siz ushbu xususiyatni o'chirmoqchi bo'lsangiz, BODY tegidan bgproperties parametrini olib tashlang yoki uni bo'sh qiymatga o'rnating - "".
Standart qiymat
Yo'q.
5-misol: Fonni tuzatish
...
Eslatma
- Barcha brauzerlar bu sozlamani qo'llab-quvvatlamaydi, masalan, Netscape uni e'tiborsiz qoldiradi.
- Ma'lum bo'lishicha, veb-sahifada fon tasvirini uslublar orqali o'rnatishda bgproperies parametri ishlashni to'xtatadi.
LEFTMARGIN parametri
Tavsif
Brauzer oynasining chap va o'ng qirralaridan veb-sahifa mazmunigacha bo'sh joy miqdorini belgilaydi.
Sintaksis
Argumentlar
Ofsetni piksellarda aniqlaydigan musbat butun son.
Standart qiymat
Windows uchun 10 piksel va Macintosh uchun 8 piksel.
6-misol: Chap chetini o'zgartirish
...
Eslatma
- Netscape brauzeri chap chekka parametrini tushunmaydi, chekkalarni o'rnatish uchun u marginwidth - gorizontal chekkalar va marginheight - vertikal chekkalar parametrlaridan foydalanadi.
- O'ng, pastki va yuqori qirralarning chekkalarini o'rnatish uchun mos ravishda o'ng, pastki va yuqori chegara parametrlaridan foydalaning.
LINK parametri
Tavsif
Kirilmagan havolalar rangini o'rnatadi.
Sintaksis
Argumentlar
ALINK parametriga qarang.
Standart qiymat
#0000FF
7-misol: Havolalar rangini o'rnatish
...
SCROLL parametri
Tavsif
O'tkazish parametri veb-sahifaning mazmuni joriy oyna hajmidan oshib ketganda brauzer oynasida aylantirish satrlari mavjudligini nazorat qiladi. Ushbu sozlama faqat Internet Explorer-da ishlaydi.
Sintaksis
Argumentlar
ha - aylantirish satrlarini ko'rsatadi.
yo'q - oynada aylantirish satrlarini ko'rsatishni oldini oladi.
Standart qiymat
ha
8-misol: aylantirish panelini yashirish
...
TEXT parametri
Tavsif
Veb-sahifada ishlatiladigan matnning standart rangini o'rnatadi. Alohida elementlarning ranglarini uslublar yordamida osongina o'zgartirish mumkin.
Sintaksis
Argumentlar
ALINK parametriga qarang.
Standart qiymat
#000000
9-misol: Matn rangini o'zgartirish
...
VLINK parametri
Tavsif
Tashrif buyurilgan havolalar rangini belgilaydi, ya'ni foydalanuvchi allaqachon "bosgan" havolalar.
Sintaksis
Argumentlar
ALINK parametriga qarang.
Standart qiymat
#551a8b (Navigator 4); #800080 (Internet Explorer Windows); #006010 (Internet Explorer Macintosh).
10-misol: tashrif buyurilgan havolalar rangini o'rnatish
...
Matn rangi
Fon rangi
Fon rasmi
Havola rangi
Kontent atrofida to'ldirish
Mashq qilish
Siz allaqachon bilganingizdek, ochilish yorlig'i orasida va yopish yorlig'i Sahifaning asosiy qismi yoki sahifaning mazmuni o'zi joylashtiriladi. Bu so'z ham deyiladi mazmuni(inglizcha kontentdan - kontent). Teg variantlari bir butun sifatida tarkibning xususiyatlarini aniqlang. Ushbu darsda biz ulardan ba'zilarini ko'rib chiqamiz.
Matn rangi
Butun hujjatning matn rangi parametr bilan belgilanadi matn. U parametr kabi rang nomi yoki o'n oltilik rang qiymati bilan belgilanadi rang teg (2-darsga qarang. Testni formatlash):
yokiUshbu misoldan foydalanish sahifadagi barcha matn qizil rangga ega bo'lishiga olib keladi.
Parametr matn ixtiyoriy. Agar siz uni o'tkazib yuborsangiz, sahifadagi matn sukut bo'yicha qora rangda bo'ladi. Oldingi mashqlarni bajarib, buni allaqachon ko'rgan bo'lsangiz kerak. :)
Fon rangi
Sahifaning fon rangi parametr bilan belgilanadi bgcolor. U parametr kabi rang nomini yoki o'n oltilik rang qiymatini qabul qiladi matn.
yokiUshbu misol sahifa fonida qizil rangga ega bo'lishiga olib keladi.
Parametr bgcolor ixtiyoriy. Agar siz uni o'tkazib yuborsangiz, standart sahifa foni oq rangda bo'ladi. Oldingi mashqlarni bajarish orqali allaqachon ko'rgan narsangiz. :)
Fon rasmi
Parametrdan foydalanish fon Sahifaning oddiy fonga ega emasligiga ishonch hosil qilishingiz mumkin, lekin fon rasmdir. Ushbu parametr uchun fon fon yaratmoqchi bo'lgan rasmga yo'lni, shuningdek parametrni belgilashingiz kerak src teg
(5-darsga qarang. Rasmlar):
Shu tarzda, masalan, sahifaning fonini qandaydir naqsh bilan bezashingiz mumkin. Ammo sahifani juda og'irlashtirmaslik uchun bu imkoniyatni suiiste'mol qilmaslik va fonda katta tasvirlarni yaratish kerak emas.
Misol uchun, bizda naqshning ushbu bo'lagi bor:
Agar biz uni fon rasmi qilsak, biz quyidagi fonga ega sahifani olamiz:
Parametr fon ham ixtiyoriy. Agar siz uni o'tkazib yuborsangiz, standart sahifa foni oq rangda bo'ladi.
Havola rangi
Havolalar rangini o'rnatish uchun 3 ta teg parametrlari mavjud tanasi:
Ushbu parametrlarga rangning nomi yoki biror narsaning rangi uchun mas'ul bo'lgan boshqa parametrlarga o'xshash o'n oltilik qiymati beriladi.
U sahifada shunday ko'rinadi (havolaning barcha holatini ko'rish, dastlab nima ekanligini eslab qolish uchun bosing va ushlab turing, nima bo'lganini ko'ring va nihoyat qo'yib yuboring, ushbu sahifaga qayting va qanday rangda ekanligini ko'ring. ):
Ushbu parametrlar ixtiyoriydir. Agar siz ularni o'tkazib yuborsangiz, havola ranglari standart qiymatlarni oladi (mos ravishda ko'k, qizil, binafsha).
Kontent atrofida to'ldirish
Agar sahifa mazmuni brauzer oynasining chetidan ma'lum miqdorda chekinishini istasangiz, bu holda teg tanasi 4 ta parametr mavjud:
chap chekka- chap chetidan chekinish;
o'ng chegara- o'ng chetidan chekinish;
yuqori chegara- yuqori chetidan chekinish;
pastki chegara- pastki chetidan chekinish.
Ushbu parametrlar piksellardagi qiymatlarni oladi. Ular talab qilinmaydi va siz ularni bir vaqtning o'zida yoki alohida ishlatishingiz mumkin. Misol uchun, siz faqat chap va o'ngni yoki faqat yuqori va pastki qismini cheklashingiz mumkin va hokazo:
yokiSalom bolalar!
Bugun men yosh veb-sayt yaratuvchilari orasida dolzarb bo'lib qolmaydigan mavzuga to'xtalishga qaror qildim.
Ular yaratilganidan keyin har doim saytlarni moslashtirishga ehtiyoj bor. Ba'zi sozlamalar o'rnatilgan mavzu shablonining fayllarini tahrirlash orqali amalga oshiriladi. Masalan, shunga o'xshash yozuvlarni ko'rsatadigan kodni kiritishingiz kerak. Lekin uni qaerga kiritish kerak?
Ko'pincha yangi boshlanuvchilar bunday savollarni berishadi. Ularni boshqa shunga o'xshash muammolar ham tashvishga solmoqda, ularning echimi asosan bir xil. Bundan tashqari, kelajakdagi maqolalarimda men ko'pincha shablonning turli joylariga kodlar kiritishga murojaat qilaman. Shuning uchun, bu material har qachongidan ham dolzarbdir.
Ushbu maqolada men sizga WordPress shabloningizdagi har qanday kodni kiritishingiz kerak bo'lgan joyni qanday aniqlash juda oson ekanligini ko'rsataman. Dastlabki bosqichda sizni tashvishga solishi mumkin bo'lgan boshqa muhim fikrlarni ham ko'rib chiqaman.
Keling, eng yuqorisidan boshlaylik va agar siz plaginlarni ishlatishdan ko'ra kodlarni qo'lda kiritishni istasangiz, tahrirlashingiz kerak bo'lgan fayllarni ko'rib chiqamiz, chunki bunday imkoniyat mavjud. Men buni mamnuniyat bilan qabul qilmayman, lekin shunga qaramay, dangasalar uchun men bunday plaginlarni keyingi maqolalarda tasvirlab beraman.
Eng boshida men video dars beraman, chunki usiz quyida matn formatida taqdim etilgan materialni tushunish qiyin bo'ladi.
Endi men hamma narsani matn formatida batafsil tushuntiraman.
Har bir sahifa turini chiqarish uchun mas'ul fayllar
Agar siz boshqa bloglarda kodlar (skriptlar) yordamida ba'zi funktsiyalarni amalga oshirish haqida ko'plab maqolalarni o'qigan bo'lsangiz, men 100% aminmanki, siz quyidagi kabi iboralarni ko'rgansiz:
- Ushbu kodni asosiy sahifani ko'rsatish uchun mas'ul bo'lgan faylga joylashtiring;
- Ushbu kodni yozuvlarni va boshqalarni chiqarish uchun mas'ul bo'lgan faylga joylashtiring.
Kodlarni kiritishingiz kerak bo'lgan ko'plab fayllar mavjud. Lekin bu fayllar nima? Hammasi juda oddiy.
- Bosh sahifa chiqishi - index.php;
- Yozuvlarni chiqarish - fayl single.php;
- Sahifa chiqishi - page.php fayli;
- Arxiv va toifalarni chiqarish - archive.php;
- Footer chiqishi - footer.php;
- Qidiruv sahifasi chiqishi - search.php;
- Yon panel chiqishi - sidebar.php;
- Uslublar fayli - style.css;
- 404 sahifali chiqish fayli 404.php.
Endi ular sizga kodni falon faylga joylashtirish kerakligini aytishganda, siz qaerga qarashni bilib olasiz.
Faqat savolga javob berish qoladi: fayllarning har birida to'g'ri joyni qanday aniqlash mumkin?
Kodni qaerga kiritish kerakligini aniqlash
Birinchidan, aniqlanishi kerak bo'lmagan joylarni ko'rib chiqaylik. Ular shablondan qat'i nazar, hamma uchun bir xil bo'ladi.
Barcha shablonlar uchun bir xil bo'lgan birinchi o'rin Header.php faylidagi maydondir. Bular ochilish va yopish teglari
.Ba'zi skriptlar har doim ushbu teglar orasiga joylashtiriladi, ular saytning barcha sahifalari uchun ishlashi kerak. Ya'ni, biz ushbu teglar orasiga ijtimoiy tugmalar uchun skriptni joylashtirdik va ular saytning barcha sahifalarida ishlaydi, biz ularni ko'rsatamiz.
Bu teglar Header.php faylining eng yuqori qismida joylashgan.
Ularning tarkibi hamma uchun har xil bo'ladi, chunki barchasi shablonga bog'liq.
Agar sizga ushbu kodni ochish va yopish bosh teglari orasiga kiritish kerakligi aytilsa, kodni nusxalang, shablon faylingizdagi shunga o'xshash joyni qidiring va uni shu teglar orasiga qo'ying.
Ikkinchi o'rin, shuningdek, barcha shablonlar uchun bir xil bo'lib, altbilgining chiqishi uchun mas'ul bo'lgan faylda joylashgan - footer.php.
Skriptlarni faqat teglar orasiga kiritish orqali ulash mumkin emas
Header.php faylida. Siz ularni footer.php fayli orqali ham yuklashingiz mumkin, shu bilan sayt sahifasining yuklanishini tezlashtirasiz.Gap shundaki, sahifa yuklana boshlaganda, u yuqoridan pastga yuklanadi. Agar barcha skriptlar sahifaning yuqori qismida bo'lsa, unda uning mazmunini ko'rsatish sekinlashadi, chunki skriptlarni yuklash uchun vaqt kerak bo'ladi.
Bizning vazifamiz tashrif buyuruvchilarga ham, qidiruv tizimlariga ham sahifa mazmunini imkon qadar tezroq ko'rsatishdir. Bunday holda, avval tarkibni ko'rsatish uchun skriptlarni sahifaning eng oxirida yuklash tavsiya etiladi, keyin esa hamma narsani yuklang.
Ushbu parametrni amalga oshirish uchun siz footer.php faylini ochishingiz va skriptni yopilish tanasi tegidan oldin kiritishingiz kerak. U fayl mazmunining oxirida joylashgan, chunki u sahifa maydonining oxiri uchun javobgardir.
Ko'rib turganingizdek, men ushbu sohadagi barcha skriptlarni yopish tegidan oldin ko'rsatdim(ko'k ramka bilan ta'kidlangan). Aytgancha, men ularni skriptlarni ushbu sohaga joylashtirish orqali emas, balki fayllardan yuklash orqali olib chiqdim. Shundan so'ng men blogni sezilarli darajada tezlashtirdim. Buni qanday qilish alohida maqola bo'ladi. Kutmoq!
Umid qilamanki, ular sizga kodni ushbu sohalarga joylashtirishni aytishganda, siz buni hech qanday muammosiz bajarasiz.
Keling, murakkabroq masalaga o'tamiz va boshqa turli xil kodlar kiritilgan boshqa shablon fayllaridagi joylarni qanday aniqlashni o'rganishga harakat qilaylik. Odatda, bu kodlar quyidagilarni o'z ichiga oladi:
- Shu kabi postlarni ko'rsatish;
- Obuna shakli chiqishi;
- Ijtimoiy tugmalarni ko'rsatish va boshqalar.
Bularning barchasi tarkibning asosiy qismidan keyin, ya'ni maqola oxiridan keyin kiritiladi. Har birida turli xil shablon kodi mavjud va shuning uchun savolga universal javob "Mening maqolamning chiqish kodi qayerda tugaydi?" oddiygina yo'q.
Lekin siz kodning oxirini osongina aniqlashingiz mumkin, shundan so'ng siz kerakli funktsiyani amalga oshirishingiz kerak. Men ushbu usulni qisman WordPress shablonini tanlash haqidagi maqolada ko'rsatdim (). Keyin men Internet-brauzerning standart funksiyasidan foydalandim.
Ushbu usulning mohiyatini yaxshiroq tushunish uchun men ushbu xabarning boshida videoni tomosha qilishni tavsiya qilaman. Unda men hamma narsa real vaqtda qanday sodir bo'lishini ko'rsatdim. Xo'sh, endi men buni iloji boricha aniq tasvirlashga harakat qilaman.
Men sizga misol sifatida Google Chrome brauzeridan foydalanishni ko'rsataman. Boshqa brauzerlarda ham bu funksiya mavjud, biroq bir oz boshqacha nomga ega boʻlishi mumkin.
- Google Chrome - element kodini ko'rish;
- Firefox - o'rganish elementi;
- Opera - elementni tekshirish.
Printsip 3 ta brauzerda o'xshash. Endi men har qanday shablonda istalgan hududning joylashishini qanday aniqlashni ko'rsataman.
Element kodini ko'rish uchun o'ting (Google Chrome). Sahifaning bo'sh joyini sichqonchaning o'ng tugmasi bilan bosing.
Shundan so'ng, sahifaning pastki qismida sahifaning butun manba kodini ko'rsatadigan panel paydo bo'ladi, biz uni tahrirlashimiz va shablonning tuzilishi va ko'rinishi real vaqtda qanday o'zgarishini ko'rishimiz mumkin. Ammo ma'lumotlarga kiritilgan o'zgarishlar saqlanmaydi. Buning uchun siz shablon fayllarini o'zingiz tahrirlashingiz kerak.
Mana panel qanday ko'rinishga ega.
Men strelka bilan kattalashtiruvchi oynaga ishora qildim, uni bosish orqali biz shablonning tuzilishini tekshirishimiz va shablonimiz qanday bloklardan iboratligini aniqlashimiz mumkin. Men bu funktsiyani inspektor deb atayman.
Inspektorni bosgandan so'ng, biz sichqonchani sahifamiz bo'ylab harakatlantiramiz va biz kursorni o'rnatgan barcha elementlar rangli fon bilan ta'kidlana boshlaganini ko'ramiz. Misol sifatida, men sizga shablonni tanlash haqidagi maqoladan skrinshotni ko'rsataman. U yerda kursorni post sarlavhasi ustiga olib bordim.
Agar biz maqolamizdan keyin kodni kiritishimiz kerak bo'lsa, unda shablonimiz maydonini tekshirishimiz va maqolaning barcha mazmunini o'z ichiga olgan blokni topishimiz kerakligini taxmin qilish qiyin emas. Siz blokning oxirini ham, boshini ham qidirishingiz mumkin. Ya'ni, siz shablonni pastdan ham, yuqoridan ham tekshirishingiz mumkin.
Ammo bu erda bitta eslatma bor . Biz nafaqat maqola satrlarini, balki tarkibning o'zi joylashgan bloklarni ham topishimiz kerak, chunki shablon fayllarida maqolalar yo'q. Faqat tarkibni ko'rsatadigan kod mavjud va u bloklarga o'ralgan. Yopiladigan blok tegidan keyin darhol
