Kontentdan tarkibni ajratish Saytni boshqarishni osonlashtiradi
CSS (Cascading Style Sheets) veb-saytlarni tartibga solish va joylashtirishning de facto uslubiga aylandi. Dizaynerlar brauzerga veb-saytning rang, intervalli, shrift va boshqa ko'plab narsalarni qamrab oladigan ko'rinish va his qilishlari uchun qanday ko'rsatilishi kerakligini tushuntirish uchun uslublar jadvallaridan foydalanadi.
CSS uslublari ikkita tarzda tarqatilishi mumkin:
- Inline - veb-sahifaning o'zini kodlashda, individual, element-element asosida
- Veb-sayt bilan bog'langan mustaqil CSS hujjatida
CSS uchun eng yaxshi amaliyotlar
"Eng yaxshi amaliyotlar" - eng samarali va samarali ishlaydigan veb-saytlarni yaratish va ishga tushirish usullari. Ularning veb-dizayndagi CSS-laridan keyin veb- saytlarga imkon qadar qarash va funktsiyalar berishga yordam beradi. Ular boshqa veb-tillar va texnologiyalar bilan birga yillar mobaynida rivojlana boshladilar va mustaqil CSS uslublari afzal usul sifatida aylandi.
CSS uchun eng yaxshi amaliyotlardan so'ng saytingizni quyidagi yo'llar bilan yaxshilashingiz mumkin:
- Kontentni tarkibdan ajratadi. CSS-ning asosiy maqsadlaridan biri dizaynerlarni HTML'dan olib tashlash va ularni boshqa joyga qo'yish uchun dizaynerga yordam berishdir. Bu, shuningdek, har bir mutaxassislik sohasiga e'tibor qaratishi uchun dizaynerlarni ishlab chiquvchilardan ajratishga xizmat qiladi. Dizayner veb-saytning ko'rinishini saqlab qolish uchun ishlab chiquvchi bo'lishi shart emas.
- Xizmatni osonlashtiradi. Veb-dizaynning eng ko'zga tashlanadigan elementlaridan biri bu parvarish. Chop etiladigan materiallardan farqli o'laroq, veb-sayt hech qachon "bitmagan". Kontent, dizayn va funksiya vaqt o'tishi bilan rivojlanishi va rivojlanishi mumkin. CSS-ning markaziy joyga joylashishi, veb-saytga tarqatilmasdan, uni saqlashni osonlashtiradi.
- Saytga kirish mumkin. CSS uslublarini ishlatish qidirish mexanizmlariga va nogironlar saytga ta'sir o'tkazishiga yordam beradi.
- Saytingiz vaqtini uzaytiradi. CSS bilan eng yaxshi amaliyotlardan foydalangan holda, siz veb-dizayn muhiti o'zgarishiga moslashish uchun etarlicha barqaror, ammo moslashuvchan bo'lgan standartlarga rioya qilyapsiz.
Inline uslublari yaxshi amaliyot emas
Inline uslublar, ularning maqsadi bo'lsa-da, odatda veb-saytingizni saqlab qolishning eng yaxshi usuli emas. Ular eng yaxshi amallarning har biriga qarshi boradi:
- Inline uslublar tarkibni tarkibdan ajratmaydi. Inline uslublar, zamonaviy ishlab chiquvchilarni qarshi olib boradigan ko'milgan shrift va boshqa tirnoqli dizaynerlar bilan bir xildir. Uslublar ular qo'llanadigan maxsus, individual elementlarga ta'sir qiladi; bu sizga qo'shimcha nazoratchilikni berishi mumkin, shuningdek, dizayn va rivojlanishning boshqa jihatlari - mustahkamlik kabi - qiyinlashishi mumkin.
- Inline uslublari parvarishlash bosh og'rig'iga sabab bo'ladi. Uslublar jadvallari bilan ishlayotganingizda, uslubni o'rnatadigan joyni topish qiyin bo'lishi mumkin. Inline, embedded va external styles aralashmasi bilan ishlayotganingizda siz tekshiradigan ko'plab joylar mavjud. Agar siz veb-dizayn guruhida ishlasangiz yoki boshqa shaxs tomonidan qurilgan veb-saytni qayta yaratmoqchi bo'lsangiz yoki uni saqlab tursangiz, unda siz ko'proq muammolarga duch kelasiz. Uslubni topib, uni o'zgartirgandan so'ng, siz uni joylashtirilgan har bir sahifadagi har bir elementga qo'llang. Bu vaqt va ish byudjetlarini astronomik tarzda oshiradi.
- Inline uslublar mavjud emas. Zamonaviy ekran o'quvchi yoki boshqa yordamchi qurilma inline attributes va teglar bilan samarali ishlashi mumkin bo'lsa-da, ba'zi eski qurilmalar ba'zi ajoyib ko'rinishdagi veb-sahifalarga olib kelishi mumkin emas. Qo'shimcha belgilar va matn sizning sahifangiz qidiruvi roboti tomonidan qanday ko'rinishini ham ta'sir qilishi mumkin, shuning uchun sizning sahifangiz ham qidiruv tizimini optimallashtirish (SEO) bo'yicha bajarmaydi.
- Inline uslublar sahifalaringizni yanada kengaytiradi. Agar sizning saytingizdagi har bir xatni muayyan usulda ko'rishni xohlasangiz, uni tashqi uslublar jadvalida olti satr yoki shunga o'xshash kod bilan bir marta qilishingiz mumkin. Agar siz uni inline uslublar bilan qilsangiz, ushbu uslublarni saytingizning har bir xatboshiga qo'shishingiz kerak. Agar sizda beshta CSS-satr mavjud bo'lsa, bu besh satr saytingizdagi har bir xatboshilardan ko'paytiriladi. Ushbu tarmoqli kengligi va yuk vaqti shoshilib qo'shilishi mumkin.
Inline uslublariga muqobil: tashqi uslublar
Inline uslublarini ishlatish o'rniga, tashqi uslublar jadvallaridan foydalaning. Ular sizga CSS-ning eng yaxshi amaliyotidan foydalanishning barcha afzalliklarini beradi va ulardan foydalanish oson. Shu tarzda foydalanilgan saytingizda ishlatiladigan barcha uslublar alohida hujjatda yashaydi, keyinchalik veb-dokumentga bitta kodli satr bilan bog'lanadi. Tashqi uslublar sahifalari biriktirilgan hujjatga ta'sir qiladi. Ya'ni, agar sizda har bir sahifada bir xil uslub sahifasidan foydalanadigan 20 sonli veb-saytingiz mavjud bo'lsa, bu odatda qanday amalga oshiriladi - bu sahifalarni har biriga faqat shu uslublarni bir marta, bir joyda tahrirlash orqali o'zgartirish mumkin. O'zingizning veb-saytingizning har bir sahifasida ushbu kodlashni qidirishdan ko'ra, bitta joyga uslublarni o'zgartirish juda qulay. Bu uzoq muddatli sayt boshqaruvini ancha osonlashtiradi.