Nima uchun barcha veb-saytlar struktura, uslub va xatti-harakatlarning kombinatsiyasi bilan qurilgan
Old-end veb-saytlarni ishlab chiqarishni ta'riflashda ishlatiladigan umumiy o'xshashlik, bu 3 oyoqli tabureka o'xshaydi. Vebning 3 ta qatlami sifatida ham tanilgan ushbu 3 oyoq Structure, Style va Behaviors hisoblanadi.
Vebning uch qatlamlari
- Tuzilishi yoki tarkib qatlami
- Veb-sahifa strukturasi yoki mazmuni ushbu sahifaning asosiy HTML kodidir. Uyning ramkasi kabi, uyning qolgan qismini barpo etadigan mustahkam poydevor yaratadi, shuning uchun HTMLning mustahkam poydevori veb-sayt yaratilishi mumkin bo'lgan platforma yaratadi. HTML strukturasi matn yoki tasvirlardan iborat bo'lishi mumkin va u tashrif buyuruvchilar ushbu veb-saytni tomosha qilish uchun foydalanadigan ko'priklarni o'z ichiga oladi.
- Uslub yoki taqdimot ko'rsatadi
- Uslub yoki taqdimot qavati strukturalangan HTML hujjatining saytga tashrif buyuruvchilarga qanday ko'rinishini belgilaydi. Ushbu qatlam CSS (Cascading Style Sheets) tomonidan aniqlanadi. Ushbu fayllar hujjatning veb-brauzerda ko'rsatilishini ko'rsatadigan jihozlardan iborat. Bugungi veb-da, uslublar qatlami shuningdek turli xil ekran o'lchamlari va qurilmalari asosida sayt ekranini o'zgartirishi mumkin bo'lgan Media so'rovlarini ham o'z ichiga olishi mumkin.
- Xatti-harakatlar
- Xatti-qavat - bu turli xil foydalanuvchi harakatlariga javob beradigan yoki shartlarning to'plamiga asoslangan sahifaga o'zgartirishlar kiritadigan veb-sahifaning qavati. Ko'pgina veb-sahifalar uchun xatti-harakatlar darajasi sahifadagi JavaScript-ni yaratadi.
Nima uchun qatlamlarni ajratishingiz kerak?
Veb-sahifani yaratganingizda qatlamlarni iloji boricha ajratish kerak. Tarkibni HTML-ga, ingl. Uslublaringizga CSS-ga va sayt ishlatadigan har qanday skriptga nisbatan xatti-harakatlarga moslash kerak.
Qatlamlarni ajratishning ayrim afzalliklari quyidagilardir:
- Birgalikda resurslar
- Tashqi CSS faylini yoki JavaScript faylini yozganda, ushbu faylni veb-saytingizdagi istalgan sahifadan foydalanishingiz mumkin. Agar siz ushbu faylga o'zgartirish kiritishingiz kerak bo'lsa, ehtimol veb-saytda ba'zi tipografiya jihozlarini yangilash uchun, ushbu uslub sahifasidan foydalanadigan har bir sahifada o'zgarish bo'ladi. Veb-saytning har bir sahifasini alohida-alohida tahrir qilishning hojati yo'q, bu katta sayt uchun noqulay tashabbus bo'lishi mumkin.
- Tezroq yuklab olish
- Buyruq fayli yoki uslublar jadvalini xaridor tomonidan birinchi marta yuklab olingach, veb-brauzer tomonidan keshlangan. Ushbu birgalikdagi resurslar endi keshda joylashganligi sababli, brauzer yordamida tezda yuklab olish talab qilingan boshqa sahifalar umumiy sahifa tezligini va ish faoliyatini yaxshilaydi.
- Ko'p jamoalar
- Bir vaqtning o'zida veb-saytida ishlaydigan bir nechta odamingiz bo'lsa, jamoaning har bir a'zosi ushbu fayllarning so'nggi versiyalari bilan ishlashini ta'minlash uchun fayllarni "tekshirish" va "tekshirish" uchun tizimlardan foydalanishingiz mumkin. Bu uslublar va xatti-harakatlar strukturaviy hujjatlar bilan chambarchas bog'liq bo'lsa, buni qilish juda qiyin.
- SEO
- Uslublar va strukturalarni aniq ajratib turadigan sayt qidiruv tizimlari uchun yaxshiroq ishlaydi, chunki ushbu saytlar ushbu kontentni yanada samarali ravishda skanerlashi va sahifani inglizcha uslub va xulq-atvor ma'lumoti bilan chalg'itmasdan tushunishlari mumkin.
- Qulaylik
- Tashqi uslublar jadvallari va skript fayllari odamlarga va brauzerlarga ko'proq mos keladi. Stil va strukturaning ajratilishi sababli, ekran o'qiydigan dasturiy ta'minot, tarkibiy qatlamdan mazmunan foydalanishni osonlashtira olmaydi, shunga o'xshash dasturlarga osonlik bilan ishlov berishi mumkin.
- Orqaga muvofiqligi
- Rivojlanish qatlamlari bilan yaratilgan saytga ega bo'lgach, u yanada mos keladi, chunki brauzerlar yoki muayyan CSS uslublarini ishlata olmaydigan yoki JavaScript o'chirilgan bo'lishi mumkin, ammo HTMLni ko'rish mumkin. Sizning veb-saytingiz keyinchalik ularni qo'llab-quvvatlaydigan brauzerlar uchun xususiyatlar bilan bosqichma-bosqich kengaytirilishi mumkin.
HTML - tuzilish qatlami
Tarkibli qatlam sizning mijozlaringiz o'qishni yoki qarashni istagan barcha tarkibni saqlagan joydir. Bu HTML5 standartlariga mos keladigan kodlarga kiritiladi va u matn va tasvirlarni, shuningdek multimedia (video, audio va boshqalarni) o'z ichiga olishi mumkin. Sayt tarkibidagi har bir jihat strukturaviy qatlamda bo'lishiga ishonch hosil qilish muhimdir. Bu JavaScript-ni o'chirib qo'ygan yoki CSS-ni butun veb-saytga kirish imkoniga ega bo'lgan har qanday mijozlarga ruxsat beradi, agar bu saytning barcha funktsiyalari bo'lmasa.
CSS - Stillar Layer
Veb-saytingiz uchun barcha ingl. Uslublaringizni tashqi uslublar jadvalida yaratasiz. Siz bir nechta uslublar jadvalidan foydalanishingiz mumkin, lekin har bir alohida CSS-fayli sayt ishlashiga ta'sir qiluvchi HTTP so'rovini talab qilishini talab qiladi.
JavaScript - Behavior Layer
JavaScript-da xatti-qavat uchun eng keng tarqalgan tildir, lekin avval aytib o'tganimdek, CGI va PHP veb-sahifa xatti-harakatlari ham yaratishi mumkin. Ko'pchilik ishlab chiquvchilar xatti-harakatlar qatlamini nazarda tutganda, ular to'g'ridan-to'g'ri veb-brauzerda faollashtirilgan qatlamni anglatadi, shuning uchun JavaScript-da deyarli har doim tanlangan tildir. Ushbu qavatni DOM yoki Document Object Model bilan bevosita muloqot qilish uchun foydalanasiz. Kontent qatlamida haqiqiy HTMLni yozish , xatti-qavatdagi DOM o'zaro ta'sirlar uchun ham muhimdir.
Siz xatti-harakatlar qatlamini yaratganingizda, CSS kabi tashqi skript fayllaridan foydalaning. Siz tashqi uslublar jadvalini ishlatishning barcha afzalliklariga ega bo'lasiz.