Qanday qilib sahifaning manba kodini va element kodini ko'rish mumkin. Google Chrome-da sahifa kodini qanday o'zgartirish kerak

Har bir Internet foydalanuvchilari uzoq vaqt sarflagan eng sevimli saytlarga ega. Va faqat dangasa uning qanday yaratilganligini va nimadan iboratligini ko'rish haqida o'ylamagan. Ushbu savollarning barchasiga javob bermaydi, chunki sayt yaratishning ko'plab usullari mavjud, ammo u ushbu jamoalar va kodlarni ko'rish uchun - hamma uchun ochiq va mumkin.

Yana bir savol - bu odam kodni tashkil etadigan biron bir belgilarning biror narsalarini dasturlash bilan shug'ullanmaydimi yoki yo'qmi. Ammo har qanday foydalanuvchidan pastroq bo'lgan misollardan Gugl xrom. Saytlarning individual elementlarini tomosha qilishi mumkin.

Google-dan brauzerdagi HTML sahifalar kodini qanday ko'rish mumkin

Chrome-da sahifa kodi siz qiziqtirgan saytga o'tishi va quyidagi harakatlarni bajarishingiz kerakligini ko'rishingiz mumkin:

Ushbu buyumlarning ikkitasi o'zlari bilan foydalanuvchilar, dasturchilar, dasturchilar yoki xaker haqidagi ma'lumotlari bilan ajralib turadi.

Sahifa kodi va faqat "View Cod" buyrug'i o'rtasidagi farq nima

Ushbu funktsiyalarning har birini ko'rish alohida element yozilishi mumkin. Dasturchilar uchun bu farq juda muhim va ular qaysi holatlarni "ko'rish kodini" ko'rishingiz kerakligini va Google Chrome brauzerida qanday "sahifa ko'rinishini" ishlatishingiz kerakligini tushunishadi.

Ammo muntazam foydalanuvchini tushuntirish Siz ushbu funktsiyalarni quyidagi maqsadlarda bo'lishingiz mumkin:

"Sahifa kodiga qarang" faqat sahifaning asosiy kombinatsiyasini ko'rish kerak. Asosan, bu Saytning tuzilishi (CSS fayllari shaklida qo'shimcha modellarsiz va Saytda qolgan boshqa qo'shimchalarsiz). Ushbu tuzilma Yaratishga yaroqsiz o'z sahifasi "Nusxalash - qo'shish", lekin bu dasturchi nima qilishini va qaysi ketma-ketlikda qanday ketma-ketlikda bunday ketma-ketlikda bunday ketma-ketlikda bunday tashqi dizayni borligini bilib olamiz.
"View Code" sahifada ta'sir ko'rsatadigan barcha sohalarni ajratib turadigan batafsil tuzilmani ko'rsatadi. Agar siz ma'lum bir ro'yxat kodiga olib kelsangiz - u tegishli bo'lgan joyni o'z ichiga oladi.
Sahifa kodini ko'rish, uni tahrirlash qobiliyatisiz alohida brauzerda ochiladi. Ya'ni, faqat sayt kodini nusxalash va o'qish uchun mos keladi. Ammo bu unchalik foydali xususiyat emas.
"Ko'rish kodi" ni o'zgartirish va siz har qanday elementni tahrirlashingiz mumkin, chunki u siz uchun qulay bo'ladi. Albatta, bu barcha o'zgarishlar sahifa yangilanmaguncha "yashaydi", ammo ba'zida sozlamalarga ko'tarilish juda qiziqarli va shunchaki u nima uchun kerakligini tushunish va nima sodir bo'ladi. Siz o'zingiz yoki saytga zarar etkazgan harakatlaringiz deb o'ylamaslik kerak - bu o'zgarishlar faqatgina Google Chrome kodida va Internetga kirmaydi.

Elementning kodini qanday ko'rish haqidagi savolni ko'rib chiqing

Agar siz haqiqatan ham bunday savolga javob bersangiz, shundan faqat bir-biriga o'xshash variant. Ushbu mavzuni tushunadigan shaxs bo'lish uchun bitta maqola uchun (veb-ishlab chiqaruvchi) juda qiyin, ammo juda oson bo'lish uchun misolni ko'rsatish - juda osonlashish.

Element kodining funktsional imkoniyatlari juda keng, shuning uchun biz Google Chrome brauzeridagi so'zlardan birini olamiz. Biz nimani ko'rib chiqishni xohladik kalit so'zlar (Kodeksda u bizning saytimiz uchun "kalit so'zlar" sifatida ro'yxatdan o'tkaziladi) ishlatilgan. Buning uchun quyidagi algoritmni bajaring:

Ushbu funktsiyani Google Chrome brauzerida ishlatishning boshqa usullari

Umuman olganda, qanday qilib buyumning kodini qanday ko'rish va nima uchun kerakligi haqidagi savolga javob berishda davom etmoqda, uni o'z funktsiyalariga o'tkazilishi kerak. Google Chrome brauzeridagi har qanday saytning elementi kodini ko'rish imkoniyati tufayli biz:

Saytning boshidan boshlab ("sayt qalpog'i") va tugash tugashi (har qanday dasturning tugal buyrug'i);
Saytning barcha funktsiyalarini ko'rish: Boshqa saytlarga havolalar, tashqi saytlardagi qo'shimcha modullar va turli xil ma'lumotlarni to'plash uchun o'rnatilgan metrlar mavjudligi;
Saytdan nusxa ko'chirish taqiqlanganligini yoki yo'qligini bilib oling;
Kodeksda barcha sayt sahifalari yozib olinadi, shuningdek ularni bosgandan keyin ularning dizayni va keyingi harakatlar.

Bu chekitma ro'yxat emas. Ammo shuni eslatib o'tish kerakki, maxsus bilimlarsiz - "O'qish" kodi google sahifalari Chrome deyarli imkonsiz va natijada ko'rsatilgan ma'lumotlar odatdagi foydalanuvchi tomonidan talab qilinmaydi.

"Element kodini ko'rish" element ishlamaydi

Darhol aytilishi kerak - har bir sayt bilan bo'ladi ochiq kirish Elementlar kodlariga. Ya'ni, hatto eng mashhur va qimmatbaho saytlar o'z kodini ko'rish uchun ochiq bo'ladi. Shuning uchun, agar Google Chrome brauzeridagi element faol bo'lmasa yoki berilgan xato quyidagi sabablarga ega bo'lsa:

Foydalanuvchining profili shikastlangan;
Kompyuterda zararli dastur mavjudligi;
Hosildorlikni oshirish uchun ma'lum bir kengaytma bilan blokirovka qilish (hatto bo'lishi mumkin).

Buzilgan foydalanuvchi profilini to'g'rilang

Yaratmoq yangi profilEskini kompyuteringizdan olib tashlashingiz kerak. Buning uchun quyidagilarni bajaring:

Google Chrome-ni yoping va o'rnatilgan windows brauzeri Explorer.
Biz manzillar paneliga quyidagi buyruqni kiritamiz:% CusapdatAta% \\ Google \\ Chrome \\ foydalanuvchi ma'lumotlari \\.
Katalog ochilganda, biz "Odatiy" papkasini qidirmoqdamiz va quyidagicha "zaxira rioya qilish" degan ma'noni anglatadi.
Endi brauzer Chrome yangi ishga tushirilgandan so'ng, yangi profil yaratiladi.

Zararli dasturni yoki uning qoldiqlarini olib tashlang

Agar yangi profil sahifaning sahifasiga kira olmagan bo'lsa va biz hali ham xatolikni ko'ramiz, quyidagi amallarni ko'ramiz:

Ochiq buyruq satri Windows ("Ishlatish") va u erda "CMD" buyrug'ini kiriting.
Senga quyidagi buyruqni kiriting: Rd / S / Q "% Windr deb% \\ System32 \\ Grompolirusers".
Harakatni tasdiqlaganingizdan so'ng, buni boshqaring: Rd / S / Q "% Windr deb% \\ System32 \\ Jinnchir".
Endi "GPUPDATE / CROC" (kovaklarsiz).

Agar hamma narsa to'g'ri bajarilgan bo'lsa, uni qayta ishga tushirishdan keyin google kompyuteri Chrome elementlarning kodini ochadi va brauzerning ish qobiliyati odatda normal bo'ladi.

Men uchun uzoq vaqt davomida "Ko'rsatish manba kodi Sahifalar "befoyda va qiziqarli emas. HTML-kodni kodekademiya va o'z saytlarining tartibi yangi ishtiyoqimga aylanmagan. Savol tug'ildi: Qaerda haqiqiy ish holatlarini topish va "piggy bankingiz" uchun qiziqarli echimlarni qarzga olish mumkinmi? Javob kutilmaganda sodda edi, barchasi juda qattiq edi: Google Chrome-da sahifaning dastlabki kodini ko'ring! Men sizning kamtarona topilmam bilan baham ko'raman.

Sahifaning dastlabki kodi nima

Agar siz men kabi, HTML dasturlashdagi birinchi qadamlarni o'tkazsangiz, sahifaning dastlabki kodi nima ekanligini bilib olish kerak emas.

Manba kodi, u HTML sahifa kodi - giper matnni belgilash tili (HTML). Bu sahifaning tarkibini (matn, jadval) va teglar kiradi. Ikkinchisi brauzerning rolini o'ynaydi: tarkibni qanday ko'rsatish kerak, giperhavk yoki media fayllarini qayerdan o'zgartirish kerak. Xo'sh, biz uchun Ajamiyatning dastlabki kodlari eng yaxshi mashg'ulot maydonidir: biz qiziqarli sayt va josuslikni topamiz, biz qutqaramiz, muvaffaqiyatli bo'laklardan foydalanamiz. Qanday?

Google Chrome Brauzer sahifasida dastlabki kodni qanday ko'rish mumkin

Siz xohlagan sahifani topamiz. Masalan, men sayt menyusini ijro etishdan manfaatdor edim. Google Chrome brauzeridagi ochiq kod kodi uchta usulda:

Belgini bosing menyu Brauzerning yuqori o'ng burchagida va "qo'shimcha vositalarni" tanlang. Boshqalar orasida "FOYDALANISH CODO KOD" tanlovi mavjud. Kamdan kam foydalanish bu usul: juda ko'p keraksiz harakatlar. Buni yanada osonroq qilish mumkin.
Asosiy kombinatsiyani bosing Ctrl + U. - Yangi oyna dastlabki kod bilan ochildi;
Muxlislar uchun kontekst menyusi: Sahifani o'ng tugmachasini bosing va sahifa kodi variantini tanlang.

Brauzerda HTML sahifa kodini tomosha qilish vazifasi bilan. Eng qiziqarli bosqichga o'ting.

Qanday qilib tahrirlash va manba kodini saqlash kerak

Saytlarni qanday yaratishni o'rganish uchun, boshqa birovning HTML-kodini o'qish etarli emas. Siz u bilan o'ynashingiz, tajriba qilish, o'zgartirishlar kiritish va natijani tekshirishingiz kerak. Siz bir nechta muvaffaqiyatli namunalar to'plamini tuzishni boshlashingiz mumkin. Manba kodini qanday tahrirlash va saqlash kerak?

Variant 1. "Qo'llanma"

Sahifaning dastlabki kodini ochgandan so'ng, kontekst menyusini chaqiring va "Saqlash" variantini saqlash va faylni saqlash qattiq disk. Notepad yoki Notepad-da faylni tahrirlang, o'zgarishlarni saqlang va brauzer orqali oching. Bizning o'zgarishlarimiz natijalari (muvaffaqiyatli va unchalik emas) brauzer oynasida maqtadi.

Tanlov 2. Taroziga

Har kuni manba kodi bilan "o'ynasangiz" "Saqlash - o'zgartirish - Saqlash - Shinalar. O'zim uchun men Google Chrome - Firebug Lite uchun plagin shaklida echimni topdim. Bu sizga brauzer oynasidan chiqmasdan, manba kodini tahrirlash va saqlash imkonini beradi.

1 ovoz

Xayrli kun, aziz blogimning o'quvchilari. Bu saytda ba'zi go'zal chipda sodir bo'ladi va Yaratuvchi bunday qiziqarli ta'sirga erishgani haqida savol tug'diradi.

Ko'rinib turibdiki, javobni topish juda oddiy. Va agar sizda biron bir ko'nikma bo'lsa, siz juda ko'p chiplarni va qisqa vaqt ichida o'zingizning noyob saytingizni yaratishingiz mumkin.

Bugun biz sahifa kodini, ma'lum bir elementni qanday ochish va ushbu mahoratni o'zingiz uchun ishlatishni o'rganamiz.

Kodeksning asosiy bilimlari

Mening saytim yangi varaqalar uchun mo'ljallangan va birinchi navbatda men ikki so'zda saytlar va kodlarni aytib bermoqchiman.

Rasm chizish uchun uni mayda qismlarga kesib, brauzer barcha elementlarni butunlay butunlay olib kelishini yozing. Hammasi juda qiyin tuyuladimi? Umuman emas va bu haqda qayg'u chekishga arzimaydi.

Sifatli saytlar shu tarzda yaratilgan. Istayman - bu ishni bajarish va o'qish, hech kim sizni majburlashga qodir emas.

Men faqat bitta narsani aytmayman ... Siz tushunarsiz so'zlarni siz bitta butunlay aylantirganingizni ko'rishdan boshqa hech narsa yo'q, Haydash, matnlar harakatlanmoqda, rasmlar harakatlanmoqda. Viktor Frankenshteyn qanday his qilganini bilaman deb o'ylayman.

Yashirin tilni tushuna boshlaganingizda va hamma narsa aslida, siz avvalgidan ancha sodda ekanligiga ko'ra, siz o'zingizning kuchingiz va miyam imkoniyatlariga ishonolmaysiz. Bu juda zo'r.

Saytlar qanday qilib tuzilgan? Ideal holda, avval. U shunchaki rasm chizadi. Masalan, quyidagi rasmda ko'rsatilgandek. Bu shunchaki rasm, fotosurat. Hech qanday ma'lumot berilmaydi, siz hech qanday joyga bormang, hech qanday joyga bormang, qidiruv amalga oshirilmaydi.

Bu raqam uchun. Quyidagi skrinshotga qarang. Siz tasodifan kulgili va juda murakkab to'plamga o'xshaysiz. Aslida, hamma narsa unchalik qiyin emas, ma'lum bir algoritm mavjud.

Faqat 150 ta teglar mavjud va ularning har biri ma'lum bir harakat uchun javobgardir: Link, Yog ', rangni ta'kidlash, rangi, sarlavhasi va boshqalar va boshqalar. Agar vaqtni xohlash va rahm-shafqat bo'lmasa, ular bilan muomala qilish unchalik qiyin emas.

Ushbu atributlarning bilimlari tufayli deyarli har qanday vazifani hal qilishingiz mumkin. Ammo maqsadga erishish yo'llari Har bir ishlab chiqaruvchi o'z-o'zidan topadi.

Tajribali ijodkorlar darhol natijaga erishishni darhol ko'rishadi, boshqalari esa fikr yuritishlari kerak, maqolalarda yoki raqobatchilarning dastlabki kodeksi bilan javobni izlaydilar. Ular shunchaki kerakli qismni uchinchi tomon saytida olib borishadi va o'zlari uchun tahrirlashadi. Bu ish jarayonini sezilarli darajada kamaytiradi.

Bir ozdan keyin men sizga ma'lum bir misolni ko'rsataman.

Kodni ko'rish

Shunday qilib, avvalo birovning HTML-ni o'rganishingiz kerakligini birinchi navbatda qanday harakat qilishni ko'rsataylik. Keyin biz boshqa savollarni ko'rib chiqamiz.

Eng yaxshi yo'l

Men birinchi bo'lib tasvirlaydigan usul yangi varaqlar uchun biroz murakkab, ammo tanishlar sifatida - o'qishga kiradi. Sahifani oching va sichqonchaning o'ng tugmachasini bosing. "Saqlash ...

Veb-saytni to'liq saqlang. Skrinshotni ko'rib turganingizdek, men allaqachon hamma narsani oldindan yuklab oldim. Bu erda bizda ikkita papka bor.

Sizga kerak bo'lgan hamma narsa bor. Har bir element. Agar buni tushunsangiz, kerakli hamma narsani tezda olishingiz mumkin. Ammo bunday vazifa tobora ko'proq mumkin emas. Yuklab olish amalga oshirilmaydi. Agar sahifani nusxalash taqiqlangan bo'lsa nima qilish kerak?

Bu Google Chrome

Ehtimol, menimcha, men tez-tez Google Chrome-dan foydalanaman va ushbu brauzerda boshqa birovning kodini bilish oson emas. Aslida, ikkalangiz ham. Sxema o'xshash narsa emas, ammo bir xil bo'lmaydi. Biz kodini bilmoqchi bo'lgan sahifani ochamiz va sichqoncha tugmachasini bosing. Ko'rsatilgan sahifaning klikida, sahifa kodini bosing.

Yangi oynada yangi kelgan narsani tushunish juda qiyin bo'lgan kod varag'ini ochadi. Ammo, oldidan qo'rqmang.

Agar siz faqat bitta element kodini bilishingiz kerak bo'lsa, uni sichqonchaning va o'ng tugmachasini olish kifoya. Boshqa Chrom funktsiyasini tanlang: "Kod kodini ko'ring".

Masalan, rasm yoki dasturlash tilidan foydalanganda logotip qanday amalga oshirilganligini menga qiziqtirishi mumkinmi? Axir, siz qachon kvadratni chizishingiz mumkin cSS yordami. Ko'pgina mutaxassislar Kod bilan ro'yxatdan o'tish uchun iloji boricha ko'proq ma'lumot berishadi. Qanday qilib mashhur saytlarda ishlaysiz?

Shunday qilib paydo bo'ldi kerakli ma'lumotlar. Yuqoridagi HTML-dan CSS-ning pastki qismida. Bular ikki til. Birinchisi, matn tarkibiy qismi va dizayn uchun ikkinchisi uchun javobgardir. Agar CSS bo'lmasa, har safar shriftning o'lchamini tartibga solishingiz kerak edi. Har bir sahifaga, bu juda uzoq. Ammo agar HTML bo'lmasa, bizda matnlar bo'lmaydi. - deb tushuntirdi, lekin umuman olganda, hamma narsa shunday.

Aytgancha, agar siz bu erda qanday tashkil etilganiga qiziqsangiz, rasmning pastki qismiga qarashingiz mumkin. Shunday qilib, javob berasiz.

Mozilla Firefox.

Agar siz Mazilda ishlashni yaxshi ko'rsangiz, hamma narsa ham bo'ladi. Sahifani oching va sichqonchaning o'ng tugmachasini bosing. Agar siz barcha barcha kodni ko'rishni istasangiz "sahifa manbai kodi".

Har qanday elementni ochganingizda, uning kodini ochish mumkin.

Bu erda ma'lumotlar ekranning pastki qismida ko'rsatiladi, aks holda hamma narsa ham.

Yandex brauzeri

Yandex brauzerida hamma narsa avvalgi ikkita versiyada bo'lgani kabi, sahifani oching, sichqonchaning o'ng tugmachasini oching Sahifa kodini ko'ring.

Agar biz uning kodini bilmoqchi bo'lsak, kursorni mahsulotga olib kelamiz.

Bu bu erda aniq xromda ko'rsatilgan.

Opera

Xo'sh, nihoyat, opera.

Aytgancha, ehtimol sichqonchani ishlatish kerak emasligini payqadingiz. Kodni ochish uchun tezkor kalit kombinatsiyasi va barcha brauzerlar uchun bir xil: Ctrl + U..

Mahsulotlar uchun: CTRL + Shift + C.

Natijada shunday ko'rinadi.

Bu yangi boshlanuvchilar qiziqtiradi

Va endi hamma narsa qanday ishlashini ko'ring. Sizga saytni toping va sizga haqiqatan ham qandaydir narsa yoqadi. Masalan, bu. Siz allaqachon bilgan narsaning kodini qanday ochish kerak.

Endi uni nusxalash.

Men ushbu kodni yangi HTML fayliga, tana yorlig'iga (ingliz tilida) joylashtiring.

Endi brauzerga nima bo'lishini ko'rib chiqamiz.

Tayyor. Matnni qirralar bo'ylab ajratish va yashil rangga ega bo'lish uchun siz ushbu hujjat CSS-ga ulanishingiz va uni bo'yi qilgan saytdan boshqa kodni nusxalashingiz kerak.

Endi men buni qilmayman. Ko'proq vaqt kerak: va meniki va sizniki. Menimcha, men barcha tafsilotlar kelgusi nashrlarida tasvirlayman. Avtorotmentga obuna bo'ling va avval maqolaning paydo bo'lishi haqida ma'lumot oling.

Agar sizda bardosh berishga kuchingiz bo'lmasa va HTML va CSS haqida ko'proq ma'lumot olishni istasangiz, men hozirda bepul o'quv kurslarini maslahat berishim mumkin.

Mana 33 dars - HTML-ni boshqarish uchun sizga ruxsat beradi - « Erkin kurs HTML orqali .

Va bu erda CSS haqida to'liq ma'lumot - "Bepul CSS kursi (45 video darsliklar!)" .

Endi siz biroz ko'proq bilasiz. Sizga qilgan harakatlaringizda muvaffaqiyatlar tilayman. Yangi uchrashuvlarga!

Ehtimollik boshlang'ichga qarang kod Veb sahifalar Natijada keltirilgan brauzer aslida har bir Internet-brauzerda aslida mavjud. Tegishli jamoaga kirish taxminan bir xil bo'lib qoladi, ammo qaysi usulda va qaysi shaklda keltirilgan jiddiy farqlar boshlang'ich hisoblanadi kod .

Ko'rsatma

1. Ichida mozilla brauzer. Firefox menyusidagi "ko'rinish" bo'limini oching va foydani bosing kod sahifalar " Agar siz matnni to'g'ri bossangiz, kontekst menyusida bir xil element mavjud sahifalar . Ctrl + U tugmalarini qo'llash uchun ruxsat beriladi. Mozilla Firefox. U tashqi dasturlardan foydalanmaydi - boshlang'ich kod sahifalar Sintaksisning ta'kidlashicha, alohida brauzer oynasida ochiladi.

2. Kuzatuvchida Internet Explorer. Fayl bo'lim menyusini bosing va Edepad-da tahrir-ni tanlang. Notepad ismining o'rniga, siz brauzer sozlamalarida siz boshlang'ichni ko'rish uchun siz tayinlagan boshqa dastur kod Ammo. Bosmoq sahifalar Kontekst menyusini o'ng tugmasini bosing, unda dastlabki boshlang'ichni ochishga imkon beradigan narsa mavjud kod sahifalar ichida tashqi dastur - "HTMLni ko'rish kod Ammo ".

3. Ichida brauzer opera. Menyuni oching, "Sahifa" bo'limiga o'ting va ehtimol siz "Rivojlanish usuli" bo'limini afzal ko'rasiz kod »Ikkala narsa" birlamchi kod Freum. Bunday tanlov yonib ketgan ctrl tugmachalari + U va CTRL + Shift + u. Kontekst menyusida klik bilan bog'langan sahifalar O'ng tugmachani bosish, shuningdek, "boshlang'ich" kod " Opera dastlabki kodni ochadi sahifalar HTML fayllarini tahrirlash uchun OS yoki brauzer sozlamalarida belgilangan tashqi dasturda.

4. Shubhasiz, Google Chrome brauzeri eng yaxshi boshlang'ich tomoshaga ega kod Ammo. O'ng tugmachali sahifaga ko'ra, siz "ko'rinishni" afzal ko'rishingiz mumkin kod ammo sahifalar "Va keyin sintaksisning orqa manbai alohida yorliqda ochiladi. Va siz satrning bir xil menyudaini afzal ko'rishingiz mumkin kod va element "va bir xil yorliqdagi brauzer ikkita qo'shimcha freymlarni ochasiz, bu erda HTML va CSS-ni tekshirishingiz mumkin kod har qanday elementdan sahifalar . Brauzer qatordagi kursorning harakatiga javob beradi kod a, HTML-ning ushbu qismiga tegishli sahifada ko'rsatilgan narsalarni ajratib ko'rsatish kod Ammo.

5. Apple Safari brauzerida "ko'rish" bo'limini kengaytiring va "HTML" qatorini tanlang kod Ammo ". O'ng tugmachani bosish to'g'ri bosish bilan bog'liq menyuda sahifalar Tegishli nuqta "Ko'rish manbai" deb nomlanadi. Ushbu harakat Ctrl + Alt + U. boshlang'ich tugmachalari tomonidan buyuriladi kod Alohida brauzer oynasida ochiladi.

Biz yangi kitobni "tarkibni marketing ijtimoiy tarmoqlar: Qanday qilib abonentlar boshida o'tirish va ularning brendini sevish kerak. "

Saytning dastlabki kodi - HTML belgisi, CSS uslublari va javaScript skriptlaribrauzer veb-serverdan oladi.

Bizning kanalimizda ko'proq video - Internet Marketingni semanpa bilan o'rganing

Buni qo'mondon askarlarni beradigan jamoalar to'plamiga taqqoslash mumkin. Tasavvur qiling, tinglovchilar boshni ko'rmaydilar va eshitmaydilar. Ularning nuqtai nazaridan, harbiylar mustaqil ravishda harakat qilishadi. Bizning holatlarimizda, qo'mondon brauzer, buyruqlar dastlabki koddir va yuruvchi askarlar bu yakuniy natijadir.

Sayt foydalanuvchi so'roviga sahifani yuboradigan veb-serverda saqlanadi. So'rov manzil satrida URL manzilini kiritish uchun, havolani bosing yoki nomdagi ma'lumotlar tugmachasini bosing. Qaysi tilda qaysi veb-sahifalar yozilgan bo'lishidan qat'i nazar, ular o'z ichiga oladimi dasturiy ta'minot. Har qanday server algoritmining yakuniy natijasi HTML teglari va matnidir.
Sahifaning dastlabki kodi - bu ma'lumotlar to'plamidir:

hTML belgisi;
stilizelangan stol yoki faylga havola;
javaScript yoki fayllarga yozilgan dasturlar.

Ushbu uchta bo'lim brauzer tomonidan qayta ishlanadi. Server uchun bu shunchaki so'rovga javoban yubormoqchi bo'lgan matn.

Nega biz manba kodi haqida bilib olishimiz kerak

Biz ko'rib chiqamiz, biz sayt bilan ishlash paytida, ayniqsa optimallashtirilsa, sayt bilan ishlashda yuzaga keladigan yoki boshqa vazifalarni hal qilish uchun tahlil qilishingiz va murojaat qilishimiz mumkin. Kod kodini ko'rish:

O'zingizning tahlilingiz uchun boshqa birovning meta teglarini ko'ring.
Saytda ba'zi narsalar mavjudligi yoki yo'qligi haqida: hisoblagichlar, identifikatsiya kodlari turli xil tizimlarbelgilangan skriptlar va boshqa narsalar.
Elementlarning parametrlarini bilib oling: o'lchamlari, ranglari, shriftlari.
Fotosuratlarga va sahifada joylashgan boshqa narsalarni toping.
Sahifadagi havolalarni tekshiring.
Sayt optimallashtirish jarayoniga xalaqit beradigan kod bilan muammolarni toping: chidab bo'lmaydigan darajada alohida fayllar Uslublar, skriptlar, noto'g'ri kod.

Bu asosiy xususiyatlar, ammo aslida, kodni ko'proq bilishingiz mumkin.

Saytning dastlabki kodini qanday ko'rish mumkin

Serverda joylashtirilgan shaklda to'liq brauzerdan buni amalga oshirish mumkin bo'lmaydi. Ammo siz sahifaning o'ng sichqonchasini bosish orqali barcha belgilarni ko'rishingiz mumkin. Shundan so'ng, Google Chrome misolida.

"Sahifa kodi" variantini tanlang va to'liq ro'yxatni alohida yorliqda oling.

Bu shunchaki tushunish uchun tahlil qilish kerak bo'lgan matn. Ammo siz dasturiy ta'minot kodini ishlab chiqaruvchi vositalari yordamida olishingiz mumkin.

Sayt sahifasining dastlabki kodini qanday topish mumkin

Brauzerda menyu belgisini bosing. Ko'pincha u o'ng tomonda va uchta nuqta yoki chiziqlarning ko'rinishi bor.

Ilg'or asboblar bo'limida "Ishlab chiqaruvchining vositalarini" tanlang.

Kodning faol holatini ko'rsatadigan oyna ochiladi. Bu shuni anglatadiki, sichqonchani bosganda element uslubi ko'rsatiladi va tanlangan bloklar sahifada ajratiladi.

Manba yorlig'ida siz ba'zi fayllarning tarkibini ko'rishingiz mumkin: skriptlar, shriftlar, rasmlar.

Xavfsizlik yorlig'ida sinov sertifikati mavjud.

Auditlar yorlig'i resurs hostingini tekshirishga yordam beradi.

Agar panelning joylashgan joyi noqulay bo'lsa, siz uchta ochko tugmasini bosishingiz va kerakli mahsulotni tanlashingiz mumkin.

Qanday qilib meta teglarini ko'rish mumkin

Har bir HTML hujjati tarkibni kiritishni o'z ichiga oladi. Ularning ba'zilari:

HTML - bu butun hujjat.
Bosh - xizmat ko'rsatuvchi direktori.
Sarlavha - sahifa sarlavhasi (yorliqda ko'rsatilgan).
Tana - hujjatning tanasi.
H1-H6 - sahifa matn sarlavhalari.
Maqola - Maqola.
Bo'lim - bo'lim.
Menyu - Menyu.
Div-blok.
Span - chiziq.
P - paragraf.
Stol-jadval.

Elementlar Sahifadagi bo'limlarni mantiqiy ajratish uchun mo'ljallangan, agar kerak bo'lsa, ular uslublar bilan chizilgan. Ular sahifada qandaydir tarzda ko'rinadigan matnni o'z ichiga oladi. Ammo bosh yorliq mavjud. Uning ko'rsatmalari uchun meta teglari xizmat qiladi. Ularda yozilganlarning barchasi server va qidiruv tizimlariga mo'ljallangan.

Ularning tarkibi boshqa yo'l bilan tan olinmaydi.

Link Tag-ga e'tibor bering. U bilan tashqi plaginlarga havolalar ko'rsatilgan. Agar xohlasangiz, siz tarkibni ko'rishingiz va diskda saqlashingiz mumkin. Buning uchun ko'rsatgichni manzilga yo'naltiring va PCM-ni bosing. Yangi tabda ochish-ni tanlang.

Yangi tab ochiladi ko'rsatilgan fayluni ko'rish yoki saqlab turish mumkin.

Skriptni tuzatish uchun dastlabki kodni qanday ko'rish mumkin

Bunday holda, mahalliy mashinada sahifani ochish qulay. Agar faqat oyat, uslublar va skriptlarni tuzatishingiz kerak bo'lsa, uni to'g'ridan-to'g'ri papkadan amalga oshirishingiz mumkin. HTML kod bir xil tarzda ko'riladi. Ammo JavaScript kodi xatolarini "konsol" yorlig'ida ko'rish mumkin. Bu erda xato tavsifi va u paydo bo'lgan chiziq raqami ko'rsatilgan.

Sintaksisni to'g'ridan-to'g'ri kod bilan ko'rish mumkin. Buning uchun manba yorlig'i yaratilgan.

Muayyan element kodini qanday ko'rish mumkin

Katta sahifalar uchun ko'p sonli narsalar bo'lgan kattalar uchun butun belgini olish qiyin. Bunday holda, siz maxsus kontekst menyusidan foydalanishingiz kerak. Sichqonchani parchani silkitib, PCM-ni bosing. "Ko'rish kodi" buyrug'ini tanlang.

Xuddi shu oyna ochiladi, ammo tanlangan ob'ektga diqqatni jalb qilish bilan.

Qisqacha ma'lumot

Biz sahifaning manba kodi nima ekanligini aytdik. HTML va CSS-ni boshlang'ich bilimlarini o'zlashtirish uchun kifoya va qulay ishlab chiqaruvchi vositalardan foydalangan holda siz o'z HTML hujjatlaringizni buzishingiz mumkin.

Internetda resurs kodini ko'rish sizga nafaqat o'z tajribangizda, balki haqiqiy ishlarning misollarini ham qo'llashga imkon beradi. Va Seo mutaxassislari uchun foydali metra-teglar, bu sayt haqida ko'p gapirish mumkin bo'lgan ma'lumotlar bo'ladi.