HTMLda oq bo'shliqni brauzerlar tomonidan qanday ko'rib chiqilayotganiga qarash
Agar boshlang'ich veb-dizayner bo'lsangiz, erta tushunishingiz kerak bo'lgan juda ko'p narsalardan biri sayt kodidagi oq bo'shliq veb-brauzerlar tomonidan ishlov berishdir.
Afsuski, brauzerlarning bo'sh joyni qo'llash usullari birinchi navbatda juda sezgir emas. Ayniqsa, siz HTMLga kirib, oq bo'shliqning so'z bilan ishlash dasturlarida qanday ishlashini taqqoslashingiz bilan solishtirasiz.
So'zni qayta ishlash dasturida hujjatning bir nechta intervalli yoki yorliqlarini qo'shishingiz mumkin va bu oraliq hujjatning mazmuni ko'rinishida aks etadi. Bu HTML yoki veb-sahifalar bilan bog'liq emas. Shunday qilib, veb-brauzerlar tomonidan amalga oshirilgan, aslida oq bo'shliqni o'rganish juda muhimdir.
Chop etishdagi masofa
So'zni qayta ishlash dasturida uch asosiy oq bo'sh joy belgisi bo'sh joy, yorliq va satrlarni qaytarishdir. Ularning har biri aniq bir shaklda harakat qiladi, ammo HTML formatida brauzerlar ularni barchasini bir xil qilishadi. HTML belgisida bitta bo'shliq yoki 100 bo'sh joy joylashtirasizmi yoki bo'shliqni yorliqlar va satrlarni qaytarish bilan aralashtirishingiz mumkinmi, barchasi brauzer tomonidan ko'rsatilganda, bularning barchasi bitta bo'shliqqa qisqaradi. Veb-dizayn terminologiyasida bu oq bo'shliqning tarqalishi deb nomlanadi. Brauzer brauzerda bir nechta bo'sh joyni pastga tushirganligi sababli, bu veb-sahifada bo'shliqni qo'shish uchun odatda intervalli tugmalardan foydalana olmaysiz,
Nima uchun kimdir yorliqlarni ishlatadi?
Odatda, odamlar matnli hujjatda yorliqlarni ishlatganda, ular tartib-qoidalar sababli foydalanadi yoki matnni ma'lum joyga ko'chirish yoki boshqa elementdan ma'lum masofa bo'lish uchun foydalanadi. Veb-dizaynda ushbu ingl. Uslublar yoki tartib-talablarga erishish uchun yuqorida aytib o'tilgan kosmik belgilarni ishlata olmaysiz.
Veb-dizaynda kodda qo'shimcha intervalli belgilarning ishlatilishi butunlay ushbu kodni oson o'qish uchun ishlatiladi. Veb-dizaynerlar va ishlab chiquvchilar ko'pincha boshqa elementlarning farzandlari bo'lganini ko'rishlari uchun yorliqlarni indent kodidan foydalanadilar, ammo bu indentlar sahifadagi ingl. Tartibga ta'sir qilmaydi. Ularga kerakli ingl. Tartib-qoidalar uchun CSS-ga (kaskad uslublar jadvallari) o'tishingiz kerak bo'ladi.
HTML yorliqlari va intervallarni yaratish uchun CSS-dan foydalanish
Bugungi kunda veb-saytlar struktura va uslubni ajratish bilan qurilgan. Uslublar CSS tomonidan belgilanayotganda, sahifa tuzilishi HTML tomonidan boshqariladi. Bu bo'shliqni yaratish yoki muayyan tartibga erishish uchun CSS-ga o'girilib, oddiygina HTML kodiga intervalli belgilarni qo'shishga urinmasligingiz kerak.
Matn ustunlarini yaratish uchun yorliqlardan foydalanishga harakat qilmoqchi bo'lsangiz, uning o'rniga u ustun tartibini olish uchun CSS bilan joylashtirilgan
Agar siz tashqariga chiqayotgan ma'lumotlar sizning jadvalingiz bo'lsa, siz xohlaganingizdek, bu ma'lumotlarni moslashtirish uchun jadvallardan foydalanishingiz mumkin. Jadvallar odatda veb-dizayni yomon rep bo'ladi, chunki ular uzoq yillar davomida sof tartib vositasi sifatida suiiste'mol qilingan, ammo kontentingiz yuqorida keltirilgan jadval ma'lumotlarini o'z ichiga olgan bo'lsa, jadvallar hali ham amal qiladi.
Yon bo'shliqlar, to'ldirish va matn kiritish
CSS bilan intervalni yaratishning eng keng tarqalgan usullari quyidagi CSS uslublaridan birini qo'llash orqali amalga oshiriladi:
- margin
- to'ldirish
- matnli indent
Masalan, paragrafning birinchi satrini quyidagi CSS-ga ega bo'lgan yorliq kabi indentifikatsiya qilishingiz mumkin (bu sizning paragrafga "birinchi" biriktirilgan sinfning atributiga ega ekanligini ta'kidlang):
p.first {
Matn-yo'riq: 5em;
}
Ushbu xat hozir 5 ta belgidan iborat bo'ladi.
Bundan tashqari, elementning yuqori, pastki, chap yoki o'ng tomonlariga (yoki bu tomonlarning kombinasyonlariga) bo'shliq qo'shish uchun CSS-da chekka yoki padding xususiyatlarini ishlatishingiz mumkin. Nihoyat, siz CSS-ga o'girib, kerakli har qanday intervalgacha erishishingiz mumkin.
CSS-bo'lmagan holda bir nechta matnni ko'chirish
Agar xohlasangiz, matningizdan avvalgi elementdan bir nechta joyga ko'chib o'tishingiz kerak, siz bo'sh joyni ishlatishingiz mumkin.
Ajralmas bo'shliqni ishlatish uchun siz & nbsp; siz HTML formatlashda kerakli darajada ko'p.
Misol uchun, agar siz so'zingizni beshta bo'sh joyga ko'chirishni xohlasangiz, so'zdan oldin quyidagilarni qo'shishingiz mumkin.
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;HTML bularni hurmat qiladi va ularni bitta joyga tushirmaydi. Biroq, bu juda yomon dastur hisoblanadi, chunki u faqat tartibga bo'lgan ehtiyojlarga erishish uchun hujjatga qo'shimcha HTML formatlashni qo'shmoqda. Struktura va uslubning ajratilishiga qaytsangiz, kerakli tartib-effektga erishish uchun oddiygina bo'sh joylarni qo'shishdan ehtiyot bo'lishingiz kerak va buning o'rniga CSS-ning chekka joylari va paddingni ishlatish kerak.