Salom, aziz blog o'quvchilari! Hech bo'lmaganda u bilan yuzaki tanishganlar, ehtimol, umumiy ma'noda bo'lsa ham, allaqachon e'tiborga olishgan. Bu shuni anglatadiki, ular hujjat kodida odatda qanday HTML belgilaridan foydalanilishi haqida tasavvurga ega.

Bugungi maqolamizda biz HTML-da bo'sh joy nima ekanligini va qanday hollarda oson o'qish uchun kodni formatlashda bo'sh joy belgilaridan foydalanish mumkinligini aniqlashga harakat qilamiz. Biz buzilmaydigan bo'shliqdan qachon foydalanish kerakligini bilib olamiz, shuningdek, boshqa maxsus belgilar (yoki ular ham deyilganidek, mnemonika) bilan tanishamiz.

Aslida, men sizga turli xil maxsus belgilardan foydalanish mavzusini e'tiborsiz qoldirmaslikni maslahat beraman, chunki bu gipermatnni belgilash tilini o'rganishni yakunlash imkonini beruvchi muhim komponent. Umuman olganda, ushbu nashrda keltirilgan ma'lumotlar, albatta, ortiqcha bo'lmaydi. Xo'sh, endi mavzuga.

HTML-dagi bo'shliqlar va bo'shliqlar

Birinchidan, muhim eslatma qilish kerak. Kompyuter klaviaturasida matnni ajratish imkonini beruvchi maxsus tugmalar mavjud (quyida bu haqda batafsilroq). Biroq, faqat keng bo'sh joy nafaqat muharrirda, balki brauzer oynasida ham so'zlar orasidagi ajratishni ta'minlaydi. Chiziqlarni sindirish va qirralardan chekinishda nuanslar mavjud.

Ma'lumki, veb-brauzerda ma'lum elementlarning ko'rinishi teglar bilan belgilanadi. Matnni formatlash uchun blokga asoslangan mashhur dan foydalaniladi. Ya'ni, uning mazmuni butun mavjud kenglik bo'ylab joylashgan.

Kimga P paragrafiga qatorlarni o'rash, siz bitta BR tegidan foydalanishingiz kerak, bu bilan siz buni qilishingiz mumkin. Aytaylik, matnga biz yozgan she'rdan bir nechta satrlarni kiritishimiz kerak matn muharriri:

Oyat satrlari to'g'ri joylashtirilgan va defislar to'g'ri joylarda qilinganiga qaramay, brauzerda hamma narsa boshqacha ko'rinadi:

Veb-brauzer oynasida bir xil displeyga erishish uchun har bir satr oralig'ida BR yozishingiz kerak:

Endi biz vazifaga erishdik va she'riy satrlar brauzerda to'liq to'g'ri ko'rsatiladi:

Shunday qilib, kerakli chiziqli tanaffuslar tugallanadi. Bu erda ta'kidlash kerak bo'lgan yana bir xususiyat shundaki, birin-ketin keladigan bir nechta bo'shliqlar veb-brauzer tomonidan bitta sifatida ko'rsatiladi. Buni tekshirishingiz mumkin, agar siz bitta muharrirda ikkita so'z orasiga bir emas, balki bir nechta bo'sh joy qo'yishga harakat qilsangiz va "Saqlash" tugmasini bosish orqali brauzerdagi natijaga qarang.

Boʻsh joy, yorliq va qator uzilishi

Asosan, bular bilan bo'shliq belgilari biz muharrirda matn bilan ishlashni va uni formatlashni boshlashimiz bilanoq tanishamiz to'g'ri shaklda. Bunday vazifani amalga oshirish uchun har biri o'ziga xos bo'shliq xarakteriga mos keladigan maxsus kalitlar mavjud:

• Bo'sh joy - kompyuter klaviaturasidagi eng keng tugma (yorliqsiz);
• Yorliq - chap tomonda "Tab" yozuvi va turli yo'nalishlarga qaratilgan ikkita o'q bilan tugmacha;
• Satr uzilishi - "Enter" tugmasi.

Biroq, yuqorida aytganimdek, biz faqat matn muharririda emas, balki brauzerda ham yakuniy kerakli natijaga erishamiz, faqat birinchi kalitdan foydalanamiz. Barcha uchta tugmalar (jumladan, yorliq va satrlarni ajratish HTML kodini formatlashda foydalidir. Aytaylik, NotePad++ da kod bo‘lagi shunday ko‘rinadi (bu muharrir haqida juda ko‘p ma’lumotlar mavjud) barcha bo‘shliq belgilarini ko‘rsatishda):

Biz bo'shliqlar tufayli o'qish va tushunish oson bo'lgan kodni olamiz. To'q sariq strelkalar Tab tugmasi yordamida yaratilgan chekinishlarni, CR va LF belgilari esa Enter tugmasi yordamida yaratilgan qatorlarni ko'rsatadi.

Bir-birining ichiga joylashtirilgan konteynerlar ko'riladi va ochilish va yopish teglari aniq ko'rinadi. Ushbu shaklda bu kod osongina tahrirlashingiz mumkin. Endi uni matn bo'limiga ega bo'lmagan bir xil kod bilan solishtiring:

Xuddi shu tarzda, bo'shliq belgilaridan foydalanib, siz ham yozishingiz mumkin CSS qoidalari, bu vizual ravishda aniq va hazm bo'ladigan ko'rinadi:

Barcha uslublarni umumiy maxrajga keltirganingizdan va uslublar faylini to'liq tahrirlashni tugatganingizdan so'ng, koddan barcha bo'sh joylarni olib tashlash orqali tahrirlashni amalga oshirishingiz mumkin. Bu oshirish uchun zarur , bu resursni targ'ib qilishda juda muhimdir.

HTML kodidagi maxsus belgilar (yoki mnemonika).

Keling, maqolaning boshida aytib o'tgan maxsus belgilarni ishlatish kerak bo'lgan holatlarni ko'rib chiqaylik. HTML maxsus belgilar, ba'zan mnemonika deb ataladi, gipermatnni belgilash tilida paydo bo'lgan kodlash bilan bog'liq uzoq vaqtdan beri mavjud muammoni hal qilish uchun kiritilgan.

Klaviaturada matn kiritganingizda, foydalanayotgan tilning belgilari kodlanadi. Veb-brauzerda teskari dekodlash operatsiyasi natijasida siz tanlagan shriftlar yordamida yozilgan matn ko'rsatiladi.

Gap shundaki, bunday kodlashlar juda ko'p, endi biz ularni batafsil tahlil qilishdan maqsadimiz yo'q. Faqat ularning har birida ma'lum belgilar etishmayotgan bo'lishi mumkin, ammo ular ko'rsatilishi kerak. Aytaylik, sizda bitta qo'shtirnoq yoki urg'u yozish istagi paydo bo'ldi, ammo bu piktogrammalar to'plamga kiritilmagan.

Ushbu muammoni bartaraf etish uchun juda ko'p turli xil mnemonikalarni o'z ichiga olgan maxsus belgilar tizimi joriy etildi. Ularning barchasi "&" belgisi bilan boshlanadi va odatda nuqtali vergul ";" bilan tugaydi. Avvaliga har bir maxsus belgi o'z raqamli kodiga ega edi. Misol uchun, biz quyida batafsilroq ko'rib chiqamiz, buzilmaydigan bo'shliq uchun quyidagi yozuv haqiqiy bo'ladi:

Ammo bir muncha vaqt o'tgach, eng keng tarqalgan belgilar ularni eslab qolishni osonlashtirish uchun harf analoglari (mnemonika) tayinlandi. Aytaylik, bir xil uzilmaydigan bo'shliq uchun u quyidagicha ko'rinadi:

Natijada, brauzer tegishli belgini ko'rsatadi. Mnemonika ro'yxati juda katta, HTMLda eng ko'p ishlatiladigan maxsus belgilar quyidagi jadvaldan bilib olishingiz mumkin:

Ba'zi maxsus belgilardan foydalanish holatlari, jumladan, uzilmaydigan bo'shliq va yumshoq chiziqcha

Agar siz allaqachon jadvalni biroz o'rgangan bo'lsangiz, yuqorida aytganlarimning tasdiqlanishini oldingiz, chunki barcha maxsus belgilarni ko'rsatish uchun raqamli kod () yoki uning alifbo analogi (ramziy mnemonika) ishlatiladi, bu erda xesh to'plami o'rniga belgilar va raqamlar, harflar () yoziladi.

Keling, ushbu kodlardan qachon foydalanishni ko'rib chiqaylik. Aytaylik, maqolada siz ma'lumot olish uchun ba'zi HTML teglarini ko'rsatishingiz kerak, masalan,