5-dars.

Ushbu qo'llanmada biz:
1. Keling, html kodini biz uchun qulayroq va o'qishni osonlashtiradigan narsalarni o'rganamiz.
2. Matn satrini qanday qilib to'g'ri o'rashni ko'rib chiqamiz.

Biz HTML kodini qulay qilamiz.

Endi bizning kodimiz tushunarli va o'qilishi oson, chunki unda ozgina matn va deyarli teglar yo'q. Murakkabroq sahifa yaratganimizda, teglar ko'p bo'ladi, shuning uchun to'g'ri birini topish qiyin bo'ladi.

Teglarning tartibsizligini oldini olish uchun dastlab teglar va chiziqlarni tartibga solish kerak, shunda ular ingl. Brauzer html sahifasidagi ma'lumotlarni o'qiyotganda, kodda qancha bo'sh joy yoki qancha bo'sh satr borligi muhim emas.

Sahifa kodidagi matnni biz yaratganga nisbatan o'zgartirdim, ammo bu muhim emas. Chap va o'ng rasmlarda bir xil kod ko'rsatilgan. Ikkala variant ham brauzer tomonidan monitor ekranida xuddi shu tarzda ko'rsatiladi. Qabul qilaman, o'ng tomonda ko'rsatilgan kod bilan ishlash chapdagi kodga qaraganda ancha osonroq bo'ladi.

Biz ko'rib chiqayotgan kod juda oddiy, ammo hozir ham vizual idrokda sezilarli farq bor. "Tartibga solish" uchun aniq qoidalar yo'q, har bir usta o'zi uchun qanday ishlashini qulayroq ekanligini o'zi hal qiladi.

HTML qatorining uzilishi. & Ltbr & gt yorlig'i.

Rasmga e'tibor bering. Birinchi versiyada matn bitta satrda, ikkinchi versiyada ikki qatorda yozilgan.

Brauzer ikkala variantni ham xuddi shu tarzda namoyish etadi. Matn bitta satrda yoziladi:

Nega bunday, deb so'rayapsizmi? Haqiqatan ham, kodlarning birida matnning bir qismi boshqa qatorga o'tkazilgan. Agar brauzerda ba'zi matnlar boshqa satrga o'tkazilsa mantiqan to'g'ri bo'lar edi, ammo html bu borada o'z mantig'iga ega. Agar biz html kodida satrlarni uzib qo'ysak, u holda brauzer uchun bu bitta bo'shliqqa teng (matndagi so'zlar orasidagi normal bo'shliq kabi). Agar biz matnning bir qismini bir qatorga emas, balki 2 yoki 3 ga (har qanday raqam) pastga siljitsak, u holda brauzer bu masofani so'zlar orasidagi bitta oddiy bo'shliq sifatida hisoblaydi va ekranda ko'rsatilganda, matn bitta satrda yoziladi.

& Ltbr & gt yorlig'i

Uchinchi darsda teglar bilan tanishganimizda, yopishni talab qilmaydigan teglar borligini aytdim. Teg & ltbr & gt ulardan biri, bu chiziqni uzish uchun xizmat qiladi.
Keling, uni kodga qo'llaymiz:

Biz teg kiritdik & ltbr & gt HTML kodimizga va endi fayl brauzer orqali ishga tushirilganda, matnning bir qismi keyingi qatorga o'tkaziladi.
* O'zgarishlarni bloknotda (Ctrl + S) saqlashni va brauzerda sahifani yangilashni unutmang (F5).

Bu safar biz HTML bo'shligi haqida gaplashamiz. Bir qarashda mavzu muhim emasdek tuyuladi va bu aslida ham zarur emas, lekin men sizni ishontirib aytamanki, bu voqeadan yiroq. HTML-dagi bo'sh joy belgilariga ega, birinchidan, aniq va aniq maqsad, ikkinchidan, oldindan belgilangan xatti-harakatlar. HTML-da bo'shliq belgilarining tayinlanishi ozmi-ko'pi aniq deb o'ylayman: bo'shliq belgilar asosan uchun ishlatiladi hTML formatlash kod, lekin buning uchun emas. Ammo bo'shliq belgilarining xatti-harakatlari bilan, menimcha, barchasi aniq emas. Gap shundaki, brauzerlar bo'sh joyni maxsus usulda ishlaydi, shuning uchun men bo'shliq aniq belgilangan xatti-harakatga ega deb yozganman.

Darhol biz HTML bo'shliq belgilarini turlarga ajratishini ta'kidlaymiz: HTML yorlig'i, bo'sh joy va chiziq oralig'i. Va ushbu turlarning har biri brauzer tomonidan maxsus usulda ishlaydi, shuningdek HTML-da bo'sh joyni qanday ishlatishni aytadigan maxsus teglar mavjud. Ushbu yozuvda siz HTML-da bo'shliq nima uchun kerakligini, HTML-da bo'shliqning qaysi turlariga bo'linishi va brauzer ularni qanday ishlashini bilib olasiz.

Shuningdek, biz bo'shliq belgilarining har birini alohida ko'rib chiqamiz. Xabar quyidagi savolni tavsiflaydi:

• brauzer qanday ishlaydi bo'shliqlar HTML hujjatie va ularning orasidagi farq nima? muntazam bo'shliq va buzilmaydigan bo'shliq;
• u nima uchun ishlatiladi hTML-dagi yorliqlar;
• brauzer qator tanaffuslarini qanday ko'rib chiqadi, buning uchun HTML va satr oralig'i belgisi HTML-da qanday ko'rinishga ega;
• qanday qilib brauzerni chiziqni uzishga majbur qilish kerak;
• va HTML-dagi barcha bo'sh joylarni qanday saqlash kerakligi.

Xabardan og'zaki tushuntirishlar va misollar brauzer bo'sh joy bilan qanday ishlashini tushunishingizga yordam beradi deb umid qilaman.

HTML-da bo'shliq belgilar nima uchun

HTML-da, biz biror narsani rivojlantiradigan har qanday tilda bo'lgani kabi, bo'shliq belgilar mavjud. Keling, avval savol bilan shug'ullanaylik: hTML-da bo'shliq belgilar nima uchun? Javob aslida juda oddiy. Bo'shliq HTML-da ikki maqsadda ishlatiladi. HTML-dagi bo'shliqning birinchi maqsadi yoki birinchi maqsadi HTML-hujjatni formatlashdir.

HTML kodini biz uchun va boshqa ishlab chiquvchilar uchun tushunarli va tushunarli qilish uchun biz bo'shliq belgilaridan foydalanamiz. Bo'shliq belgilarisiz kod juda o'qib bo'lmaydigan va tahrirlash juda qulay bo'lmasligiga rozilik bildiring. HTML tili standarti bo'shliqqa sodiqdir, ya'ni biz ularni hujjatda xohlaganimizcha ishlatishimiz yoki qattiq kod yozishimiz mumkin.

HTML-dagi bo'sh joy belgilarining ikkinchi maqsadi, biz mantiqan to'g'ri keladi va so'zlarni bir-biridan ajratish uchun bo'shliq belgilaridan foydalanamiz, chunki bo'shliqsiz matnlar umuman o'qilmaydi. HTML yorlig'i ichida so'zlar orasiga tasodifan bir nechta bo'sh joy qo'ygan holatlar mavjud, bu holda brauzer bu bo'shliqlarni biriga "siqib qo'yadi". Kelajakda biz siz bilan bunga ishonch hosil qilamiz va misolni ko'rib chiqamiz.

Umid qilamanki bilan hTML-da bo'sh joy belgilarini tayinlash bilan biz aniqladik va endi biz oldinga boramiz. Bo'shliq mavzusi juda sodda, ammo muhim. Aslida HTML-da murakkab mavzular mavjud emas va hech narsa ahamiyatsiz emas, chunki HTML standartga rioya qilinishi kerak.

HTML-dagi bo'sh joy belgilarining turlari

Bo'shliq belgilarining maqsadi bilan hamma narsa aniq bo'lgani uchun, bo'shliq belgilarining turlarini tushunishga arziydi. HTML va umuman bo'sh joyni quyidagicha ajratish mumkin: bo'sh joy, yorliq va satr oralig'i... Bo'shliq belgilarini so'zlar bilan ta'riflash yaxshi, lekin ularni o'z ko'zlarim bilan ko'rishni istardim, ularda sintaksis ta'kidlangan, ammo endi biz uchun Notepad ++ bo'shliq belgilarini namoyish qilishi mumkin.

Shaklga e'tibor bering: bu Notepad ++ dan skrinshot bo'lib, u biz suhbatlashgan postdan ochilgan. To'q rangli o'q - bu HTML hujjatidagi yorliq... Men Windows 10 operatsion tizimida ishlayotganim uchun hTML-ga o'ralgan chiziq ikkita belgi bilan ko'rsatiladi: CR va LF (bu yozuv mashinkalaridan kelib chiqadigan an'ana, Linux operatsion tizimida chiziq uzilishlari bitta LF belgisi bilan belgilanadi). Ammo Notepad ++ dagi bo'sh joy qizil nuqta sifatida ko'rsatiladi, agar ekranga diqqat bilan qarasangiz, buni sezasiz.

Shunday qilib, Notepad ++ bizga HTML hujjatida bo'sh joyni ko'rishga yordam berdi: yorliq, chiziq oralig'i va bo'sh joy. Biroq, biz ushbu bo'shliq belgilarining aksariyatini ko'rmayapmiz HTML-sahifabrauzer biz uchun yaratadi. HTML allaqachon bo'shliqqa sezgir emasligini aytgan edik va brauzerlar teglar orasidagi barcha bo'sh joylarni yo'q qiladi.

Shuningdek, biz har bir bo'shliq belgisi sizning qattiq diskingizda joy egallashiga e'tiboringizni qaratmoqchimiz, HTML-dagi bo'sh joy belgisi hujjatning kodlanishiga bog'liq. Shuning uchun, agar siz ishlayotgan bo'lsangiz va saytni yuklash tezligini kamaytirishga harakat qilsangiz, xostingda siz bo'shliqdagi barcha belgilarni olib tashlashga urinib ko'rishingiz va shu bilan hujjat hajmini kamaytirishingiz mumkin.

HTML-da bo'shliq va bo'sh joy

Keling, bo'shliq belgilarining har birini alohida ko'rib chiqamiz. Biz HTML-dagi bo'shliqlardan boshlaymiz... Shunday qilib, biz allaqachon bilamizki, brauzer teglar orasidagi barcha bo'sh joylarni e'tiborsiz qoldiradi. Biroq, brauzer teglar ichidagi bo'sh joyni qanday boshqarishi muhim masaladir, chunki bu matnning sahifada ko'rsatilishiga ta'sir qiladi. Buni misol bilan ko'rib chiqamiz. Siz uchun qulay bo'lgan har qanday tahrirlovchini oching, hattoki oddiy bloknotdan ham foydalanishingiz mumkin, ammo men sizga HTML bilan ishlash uchun ajoyib imkoniyatlarga ega bo'lganlarni tavsiya qilaman va quyidagi kodni yozing:

Faylni .html kengaytmasi bilan o'zingizga qulay bo'lgan har qanday papkaga saqlang va brauzerda oching, quyidagi rasmni ko'rasiz:

Birinchi HTML xatboshida brauzer barcha qo'shimcha bo'shliqlarni va bo'sh joy bo'lmagan belgilarni bitta maydonga "o'zgartirgan". Va ikkinchi xatboshida bizda vaziyat biroz boshqacha. Bu erda biz tez-tez aytilgan maxsus belgidan foydalanamiz bo'sh joy HTML-da... Gap shundaki, HTML-da uzilmas bo'sh joyni aytish to'g'ri emas, chunki bu maxsus kodlash ketma-ketligi.

HTML hujjatlaridagi bo'sh joylar, boshqa har qanday hujjatlarda bo'lgani kabi, ushbu hujjatni ochadigan dasturga (bizning holatimizda, brauzerda) ushbu so'zlar bo'shliq bilan bir-biri bilan chambarchas bog'liqligini aytish uchun ishlatiladi, boshqacha qilib aytganda, "Salom dunyo!" deb yozsak, brauzer hech qachon "dunyo" so'zini o'tkazmaydi. ! " yangi satrda "Salom" so'zi bo'lmasa, pul o'tkazish faqat birgalikda amalga oshiriladi. Qolganlarning hammasi hTML-da bo'sh joy ishlatilishi mumkinHTML teglari ichidagi so'zlar orasidagi bo'shliqlarni qo'yish.

Brauzer oynasini ko'rsatadigan rasmga e'tibor bering: HTML yorlig'i ichida biz bo'sh joy ishlatganimizga qaramay, brauzer barcha qatorlarni bekor qildi

Xulosa qilaylik: brauzer HTML teglaridan tashqari barcha bo'sh joylarni e'tiborsiz qoldiradi va brauzer siqadi bo'shliqdagi barcha HTML belgilar bitta bo'shliqqa teglar qo'yadiagar HTML yorlig'i ichida bo'sh joy ishlatilmasa.

HTML yorlig'i yoki boshqa bo'sh joy belgisi

HTML yorlig'i - bo'shliqning yana bir belgisi... Ko'pincha HTML-dagi yorliqlar tahrirlovchida HTML-kodni formatlash uchun ishlatiladi. Yorliqlarni HTML yorlig'i ichida ishlatmaslik kerak

Keyingi haqida gaplashamiz. Gap shundaki, tabulyatsiya aniq o'lchamga ega emas. Yorliqni to'xtatish hajmi tahrirlovchida ham, brauzerda ham sozlanishi mumkin. Shuning uchun, jadvalning u yoki bu foydalanuvchi uchun qanday ko'rsatilishini aniq aytish mumkin emas.

HTML-dagi yorliqlarni sozlash mumkin (va nafaqat HTML-da)chunki bu birlashtirilgan bir nechta bo'shliqlar. Bo'sh joy yorlig'ini yozish uchun Tab tugmachasini bosing (bu har qanday muharrirda ishlaydi deb o'ylayman). HTML-dagi yorliqlar kodni formatlash uchun ishlatilishi mumkin (kodni formatlashni HTML-dagi matnni to'g'ridan-to'g'ri formatlash bilan aralashtirmang), lekin uni HTML teglari ichida ishlatmaslik kerak, chunki har bir foydalanuvchi uni o'z sozlamalariga muvofiq va shu sababli boshqacha tarzda namoyish qiladi. Ehtimol, biz biladigan hamma narsani aytdik hTML hujjatlari va tahrirlovchilaridagi yorliqlardan foydalanish.
HTML qatorining uzilishi yoki uchinchi bo'sh joy. Qator uzilish belgisi
HTML-dagi qatorlar oralig'i, va faqat HTML-da emas, Enter tugmachasini bosish orqali amalga oshiriladi. Qator uzilish belgisi yilda operatsion tizimlar Linux: LF... Operatsiya xonalarida windows tizimlari CR LF, yilda mac tizimlari To'qqizinchi versiyadan oldingi operatsion tizim ketma-ketlik edi  CR... Shunday qilib, biz buni allaqachon bilamiz brauzer HTML-hujjatdagi qator tanaffuslarini hisobga olmaydiqaerda bo'lishidan qat'iy nazar.
HTML-dagi qatorlar oralig'i asosan o'qish va tahrir qilishni osonlashtirish uchun kodni tahrirlash va formatlash uchun foydalaniladi, o'zingiz va siz bilan birga ishlaydigan odamlar uchun kodni o'qishni osonlashtirish uchun qator oralig'ini qo'yish variantini unutmang.
Brauzer qanday qilib satrlarni to'xtatadi
Shunday qilib, biz allaqachon brauzer bo'shliq belgilarini qanday talqin qilayotganini aniqladik va asosan, bo'shliq belgilar nima degan savolni o'zimiz hal qildik: yorliq, bo'sh joy, bo'sh joy, chiziq oralig'i, bizga kerak kodni formatlash uchununi o'qish uchun. Ammo, agar biz brauzerda ko'rinish oynasi etishmayotgan bo'lsa, qanday qilib satrlarni o'rash haqida gapirmasak, biz haqiqatni aytmas edik.
Gap shundaki, brauzer uchun bo'shliq belgilar - bu ularni ko'rish oynasiga joylashtirishning iloji bo'lmagan taqdirda, chiziqlar qanday o'ralishini belgilaydigan belgi. Keling, oddiy bir misolni amalga oshirishga harakat qilaylik. Yarataylik oddiy HTML hujjat. Masalan, har qanday qulay muharrirni oching va quyidagi kodni yozing:
 
 








Bo'sh joysiz yozilgan matn olib o'tilmaydi
Brauzer bo'shliqdan foydalanib, satrlarni o'rash uchun to'liq satrga mos keladigan ko'rinish etarli emas






 


 
<
!
DOCTYPE
html
>
<
html
lang
=
"ru-RU"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
> Bo'shliqdagi belgilar HTML<
/
title
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"style.css"
/
>
<
/
head
>
<
body
>
<
h1
> Bo'sh joysiz yozilgan matn ko'chirilmaydi<
/
h1
>
<
p
> Brauzer o'rash uchun bo'shliq belgilaridan foydalanadi
maydon etarli bo'lmagan hollarda satrlar
bir qatorga mos<
/
p
>
<
/
body
>
<
/
html
>


Keyin brauzerda misolni oching va ko'rish oynasini minimal darajaga tushiring, quyidagi rasmga o'xshash narsani ko'rasiz.

HTML sarlavhasida brauzer hech narsani o'ramadi va satrni o'z holiga tashlab qo'ydi. Ammo HTML xatboshida brauzer buni tushunadi chiziqlarni qanday o'rash kerakligi paragraf matni bo'shliq belgilariga ega bo'lganligi sababli, brauzer yo'nalishdagi tanaffuslarni amalga oshirish uchun boshqaradi.
Shunday qilib, biz allaqachon topdik hTML-da bo'shliqdan uchta foydalanish: birinchi va eng asosiysi, bo'sh joy kodni formatlash uchun ishlatiladi, ikkinchisi - bo'sh joyga e'tibor qaratgan brauzer, ko'rish oynasi etishmayotgan bo'lsa, uchinchi qatorda bo'sh joylarni ajratadi. HTML - bu matndagi so'zlarni ajratish.
HTML-da majburiy qatorni uzish. HTML yorlig'i 


Shunday qilib, biz brauzer ekanligini bilib oldik hTML-ning tanaffuslarida hapşırılır, lekin brauzerda ko'rish oynasi tugaydigan joyda emas, balki kerakli joyda chiziqli tanaffus qilish kerak bo'lsa, nima qilishimiz kerak? Masalan, biz she'rlarni nashr qilmoqchimiz, lekin ularni paragraf bilan nashr etish unchalik to'g'ri va noqulay emas. Bunday vaziyatlarda HTML yorlig'i bizni qutqaradi va bundan tashqari, bizni juda tejaydi. 
.
BR - bu HTML ichki elementi va bitta HTML yorlig'i. HTML yorlig'ini bajaradi 
 bitta oddiy, lekin muhim funktsiya – majburiy ravishda tanaffus qiladi... Brauzer HTML yorlig'ini ko'rganda 
, bu foydalanuvchilar HTML satrini tanaffus sifatida ko'radi. Keling, misol yordamida majburiy chiziqli tanaffusni amalga oshiraylik, sizga qulay bo'lgan har qanday muharrirni oching, mening fikrimcha, ulardan biri qulay muharrirlar va quyidagi kodni nusxalash:
 
 








Oq qayin 
 Mening derazam ostida 
 Qor bilan qoplangan 
 Kumush singari.






 


 
<
!
DOCTYPE
html
>
<
html
lang
=
"ru-RU"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
> Bo'shliqdagi belgilar HTML<
/
title
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"style.css"
/
>
<
/
head
>
<
body
>
<
p
> Oq qayin<
br
> Podmoimoknom<
br
>
Qor bilan qoplangan<
br
> Aniq kumush.<
/
p
>
<
/
body
>
<
/
html
>


Yesenin ijodidagi to'rtlik quyidagicha namoyish etiladi:

She'rning har bir satri bilan yozilgan yangi qator, printsipial jihatdan, biz bunga erishdik. Shunday qilib yorliq 
 uchun ishlatiladi hTML-da majburiy qatorni buzish... Agar siz ketma-ket ikki yoki undan ko'p BR teglarini yozsangiz, brauzer shuncha teglar singari majburiy qator tanaffuslarini hosil qiladi. 
 u hujjatda uchrashadi.
Tegning muhim xususiyati 
 kodidan oldin joylashgan barcha bo'shliq belgilar va undan keyin joylashgan barcha belgilar e'tiborga olinmasligi. Shuning uchun siz bo'sh joyning qo'shimcha belgisi qaerdadir "chiqib ketishidan" qo'rqmasdan, ushbu yorliq bilan majburiy chiziqni xavfsiz ravishda yaratishingiz mumkin. Shuni ta'kidlash kerakki, yorliq 
 brauzerda keyingisini qanday boshqarish kerakligini aytib beradigan aniq bir narsa bor 
 string, agar suzuvchi HTML elementi atrofida o'ralgan bo'lsa, lekin biz bu haqda boshqa postda gaplashamiz.
HTMLda bo'sh joyni saqlash. HTML yorlig'i 

Endi Vladimir Mayakovskiy muammosini muhokama qilaylik ... Aksincha, uning uslubi, aniqrog'i, qanday qilib HTML-hujjatda Vladimir Mayakovskiyning she'rlarini yozishimiz mumkin.
Haqiqatan ham biz maxsus HTML belgilaridan foydalanishimiz kerakmi, masalan, bo'sh joy va har bir satrdan keyin yorliq 
? Javob, albatta, yo'q. HTML standartini ishlab chiquvchilar ushbu holatni hisobga olib, standartga maxsus HTML yorlig'ini qabul qildilar 
. Teg 
Yoki rus tiliga oldindan formatlangan holda muallifning formatlashi sifatida tarjima qilinishi mumkin.

Ushbu teg ruxsat beradi hTMLda bo'sh joyni saqlab qolish... Brauzer teg ichidagi matnga duch kelganda 
U xuddi shunday, ya'ni bo'shliqdagi barcha belgilar saqlanib qolganda ko'rsatiladi: yorliqlar, yorliqlar va yorliq ichida bo'sh joy saqlanib qoladi 
Siz ularni yozganingiz kabi.

Shuni ta'kidlash kerakki, HTML yorlig'i 
U bog'langan va PRE HTML elementi bloklangan. Aslida, yorliq muallifning formatlash nomini yuqorida aytib o'tganimiz sababli oldi: brauzer matnning barcha bo'sh joy belgilarini ushbu teg ichida muallif ularni yozgan shaklda saqlaydi. keling urinib koramiz barcha bo'sh joylarni HTML formatida saqlangteg yordamida 
Va brauzerda bo'sh joy qanday ko'rsatilishini ko'rib chiqamiz.


Hujjat kodi juda sodda, V. Mayakovskiyning oyati idishga joylashtirilgan 
Endi ko'rib chiqamiz brauzer ichidagi bo'sh joyni qanday boshqarishi HTML elementi Oldindan.


Biz bo'shliqdagi barcha belgilar biz ularni yozishda saqlanib qolganligini ko'ramiz. Endi biz yorliqqa ishonch hosil qildik 
Haqiqatan ham HTML sahifalarida bo'sh joy saqlanadi.

Shunday qilib, keling, yuqorida aytilganlarning barchasini umumlashtiraylik.  HTMLda bo'shliqning uch turi mavjud: yorliq, satr oralig'i va bo'sh joy. HTML-dagi yorliqlar faqat tahrirlovchida HTML kodini formatlash uchun ishlatilishi kerak. HTML qator tanaffuslari brauzerlar ularni e'tiborsiz qoldiradilar, xuddi yorliqlar singari bo'shliqqa "siqadilar". HTMLda yangi satr belgisini yaratish uchun tegdan foydalaning 
.
HTML-dagi bo'shliqlar ikkita maqsad uchun kerak: brauzer bo'shliqlar bilan qanday qilib o'rashni amalga oshirishni belgilaydi, matnni o'qilishi uchun bo'shliqlar kerak. HTML maxsus kodlash belgilarini qo'llab-quvvatlaydi hTML-da bo'sh joy belgisi ketma-ket bir nechta bo'sh joy yozmoqchi bo'lganingizda (aks holda brauzer ularni qisqartiradi) yoki brauzerga so'zlarni bir-birisiz yangi satrlarga o'ramaslikni aytmoqchi bo'lsangiz ishlatilishi mumkin.

Assalomu alaykum blog saytining o'quvchilari. Biroz oldinroq, biz allaqachon bu haqda gapirishga muvaffaq bo'ldik, undagi dizayn haqida ham bilib oldik. Bugun bizda HTML-dagi bo'shliqning navbatdagi kontseptsiyasi, shuningdek uni yozishda kodni formatlash bilan bog'liq (keyingi o'qish va idrok etish qulayligi uchun).
Bo'shliq va yumshoq defis mavzusiga to'xtaladiganimiz sababli, biz diqqatimizni Html tilida ishlatiladigan maxsus belgilar yoki mnemonika deb atashimiz kerak bo'ladi, bu sizga qo'shishga imkon beradi. veb-hujjat bir guruh qo'shimcha belgilar, yuqorida aytib o'tilganidek. Lekin birinchi navbatda birinchi narsa.
HTML tilidagi bo'shliqlar va bo'shliq belgilar
Maxsus ishlab chiqilgan teglar (paragraf, sarlavhalar va boshqalar) yordamida matnni formatlash masalasiga o'tishdan oldin, bo'shliqlar, satrlar (Enter) va yorliqlar CTML tilida qanday talqin qilinganligi, qanday qilib ajratish haqida to'xtalmoqchiman. hajmini o'zgartirganda brauzer oynasidagi matn.
To'g'ri, bunday vizual formatlash uchun (bu veb-sahifada ko'rinmaydi), ko'pincha bo'shliqlarning o'zi emas, balki jadvallar va chiziqlar belgilaridan foydalaniladi. Bunday qoida mavjud - uya yozishni boshlaganingizda HTML yorlig'ikeyin yorliqlar bilan indent (klaviaturadagi Tab tugmachasi) va ushbu yorliqni yopganingizda indentatsiyani olib tashlang (klaviaturadagi Shift + Tab tugmalar birikmasi).
Buni ochish va yopish teglari bir xil vertikal darajada bo'lishi uchun qilish kerak (Html \u200b\u200bmuharriringiz sahifasining o'ng chetidan bir xil sonli yorliqlarda, masalan men yozgan Notepad ++). Bundan tashqari, men sizga ochilish elementini yozgandan so'ng darhol bir nechta chiziqli tanaffuslar qilishni maslahat beraman va keyinroq qilishni unutmasligingiz uchun darhol yopilishni bir xil darajada (yorliqlar soni) yozing.
O'sha. ochish va yopish elementlari vertikal ravishda bir xil darajada bo'lishi kerak va ichki teglar bitta yorliqli to'xtash joyi bilan siljitilishi kerak va yopish va ochish elementlari yana bir xil darajaga joylashtirilishi kerak.
Oddiy veb-hujjatlar uchun bu haddan tashqari tuyulishi mumkin, ammo ozmi-ko'pmi murakkab hujjatlar yaratishda ular kod juda aniqroq bo'ladi va bo'shliqlarning ko'pligi tufayli o'qilishi mumkin va teglarning nosimmetrik joylashuvi tufayli xatolarni aniqlash ancha oson bo'ladi.
HTML kodidagi maxsus belgilar yoki mnemonika
Xo'sh, endi kelinglar haqida gaplashaylik maxsus belgilar, ushbu maqolaning boshida men foydalanishga yaroqliligini e'lon qildim. Ba'zan maxsus belgilar mnemonika yoki almashtirishlar deb ham ataladi. Ular uzoq vaqt davomida ishlatilgan kodlashlar bilan bog'liq bo'lgan gipermatnlarni belgilash tilida paydo bo'lgan muammoni hal qilish uchun mo'ljallangan.
Matnni klaviaturadan terganingizda, tilingiz belgilari oldindan belgilangan algoritmga muvofiq kodlanadi va keyin ular foydalanadigan shriftlar yordamida (saytni qaerdan topish va qanday o'rnatish kerak) dekodlash orqali saytda ko'rsatiladi.
Kodlash juda ko'p, ammo HTML tili uchun kodlashning kengaytirilgan versiyasi sukut bo'yicha qabul qilingan.
Matnni ushbu kodlashda faqat 256 ta belgini - 128 ta ASCII dan va 128 ta rus tilidagi harflar uchun yozib olish mumkin edi. Natijada, ASCII-da bo'lmagan va Windows 1251 (CP1251) kodlashiga kiritilgan rus tilining harflari bo'lmagan belgilar saytlarida foydalanish bilan bog'liq muammo yuzaga keldi. Siz tilda yoki apostrofdan foydalanishni boshingizga kiritdingiz va bunday imkoniyatlar dastlab ishlatilgan hTML tili kodlash kiritilmagan.
Bunday holatlar uchun almashtirishlar ixtiro qilingan, yoki boshqacha qilib aytganda, mnemonika. Dastlab maxsus belgilar raqamli edi, ammo keyinchalik ularning eng keng tarqalgani uchun ularning xatlari, yodlash qulayligi uchun qo'shilgan.
Umuman aytganda, mnemonika - "&" ampersandidan boshlanib, ";" nuqta-vergul bilan tugaydigan belgi. Aynan shu asosda brauzer HTML kodini tahlil qilishda undan maxsus belgilarni ajratib oladi. Raqamli almashtirish kodidagi ampersandan so'ng darhol "#" xash belgisi qo'yilishi kerak, ba'zida xash deb ham ataladi. Va shundan keyingina raqamli kodga amal qiladi kerakli belgi unicode kodlashda.
Unicode-da 60 mingdan ortiq belgi yozilishi mumkin - asosiysi, sizga kerak bo'lgan mnemonik belgi saytingizda ishlatiladigan shrift bilan qo'llab-quvvatlanadi. Unicode deyarli barcha belgilarini qo'llab-quvvatlaydigan shriftlar mavjud va faqat ma'lum belgilar to'plamiga ega variantlar mavjud.
Maxsus belgilarning to'liq ro'yxati juda katta bo'ladi, ammo eng ko'p ishlatiladigan mnemonika masalan, ushbu jadvaldan qarz olishingiz mumkin:
Belgilar
HTML kodi
O'nli 
 kod
Tavsif



bo'sh joy
 

 
 
tor joy (maktub bo'ylab)
 

 
 
keng joy (m harfida keng)
–
-
–
tor chiziq (en-tire)
-
—
—
keng chiziq (em -dash)
­
-
­
yumshoq uzatish
a

́
stress, "ta'kidlangan" harfdan keyin joylashtirilgan
©

©
mualliflik huquqi
®
®
®
ro'yxatdan o'tgan savdo belgisi
™
™
™
savdo belgisi belgisi
º
º
º
mars nayzasi
ª
ª
ª
venera oynasi
‰
‰
‰
ppm
π
π
π
pi (Times New Roman-dan foydalaning)
¦
¦
¦
vertikal nuqta chiziq
§
§
§
paragraf
°
°
°
daraja
µ
µ
µ
mikro belgi
¶
¶
¶
xatboshi belgisi
…
…
…
ellipsis
‾
‾
‾
overline
´
´
´
aksent belgisi
№

№
raqam belgisi
🔍

🔍
Lupa (chapga burilgan)
🔎

🔎
Lupa (o'ngga burilgan)
arifmetik va matematik amallarning belgilari
×
×
×
ko'paytirmoq
÷
÷
÷
split
<
<

kamroq
>
>
>
ko'proq
±
±
±
ortiqcha / minus
¹
¹
¹
1 daraja
²
²
²
daraja 2
³
³
³
3 daraja
¬
¬
¬
inkor
¼
¼
¼
chorak
½
½
½
bir yarim
¾
¾
¾
uch chorak
⁄
⁄
⁄
kasr satri
−
−
−
minus
≤
≤
≤
kamroq yoki teng
≥
≥
≥
ko'proq yoki teng
≈
≈
≈
taxminan (deyarli) teng
≠
≠
≠
teng emas
≡
≡
≡
bir xil
√
√
√
kvadrat ildiz (radikal)
∞
∞
∞
cheksizlik
∑
∑
∑
yig'ish belgisi
∏
∏
∏
ish belgisi
∂
∂
∂
qisman differentsial
∫
∫
∫
ajralmas
∀
∀
∀
hamma uchun (faqat qalin bo'lsa ko'rinadigan)
∃
∃
∃
mavjud
∅
∅
∅
bo'sh to'plam
Ø
Ø
Ø
diametri
∈
∈
∈
tegishli
∉
∉
∉
tegishli emas
∋
∋
∗
o'z ichiga oladi
⊂
⊂
⊂
pastki qismdir
⊃
⊃
⊃
superset
⊄
⊄
⊄
ning kichik qismi emas
⊆
⊆
⊆
ning quyi to'plami yoki unga teng
⊇
⊇
⊇
superset yoki unga teng
⊕
⊕
⊕
ortiqcha aylana shaklida
⊗
⊗
⊗
aylana ichida ko‘paytirish belgisi
⊥
⊥
⊥
perpendikulyar
∠
∠
∠
burchak
∧
∧
∧
mantiqiy VA
∨
∨
∨
mantiqiy YOKI
∩
∩
∩
kesib o'tish
∪
∪
∪
ittifoq
valyuta belgilari
₽

₽
Rubl. Rubl belgisi raqamdan o'tish bilan ishlatilishi kerak. Unicode Standard 7.0. Agar siz rasmni ko'rmasangiz, Unicode shriftlaringizni yangilang.
€
€
€
Evro
¢
¢
¢
Cent
£
£
£
Funt
¤
¤
¤
Valyuta belgisi
¥
¥
¥
Yen va yuan belgisi
ƒ
ƒ
ƒ
Florin belgisi
markerlar

.

oddiy marker
○

○
doira
·
·
·
o'rta nuqta
†

†
kesib o'tish
‡

‡
er-xotin xoch
♠
♠
♠
cho'qqilar
♣
♣
♣
klublar



qalblar
♦
♦
♦
olmos
◊
◊
◊
romb
✏

✏
qalam
✎

✎
qalam
✐

✐
qalam
✍

✍
qo'l
tirnoq
"
"
"
qo‘sh taklif
&
&
&
ampersand
«
«
«
chap tipografik tirnoq (seld suyagi tirnoq belgisi)
»
»
»
o'ng tipografik tirnoq (seld suyagi tirnoq belgisi)
‹

‹
bitta burchakli tirnoq ochilish
›

›
bitta burchakli tirnoqni yopish
′
′
′
qon tomir (daqiqa, oyoq)
″
″
″
ikki baravar (soniya, dyuym)
‘
‘
‘
yuqori chap bitta tirnoq belgisi
’
’
’
yuqori o'ng bitta tirnoq belgisi
‚
‚
‚
pastki o'ng bitta taklif
“
“
“
tirnoq-oyoq chapga
”
”
”
tirnoq belgisi-oyoq yuqori o'ng tomoni
„
„
„
tirnoq-oyoq o'ng pastda
❛

❛
bitta inglizcha tirnoq belgisi
❜

❜
bitta inglizcha yopiq kotirovka
❝

❝
ikkita inglizcha tirnoq ochilishi
❞

❞
ingliz juft tirnoq yopilishi
o'qlar
←
←
←
chap o'q



yuqoriga o'q
→
→
→
o'ng o'q
↓
↓
↓
o'qni pastga
↔
↔
↔
chap va o'ng o'q
↕

↕
yuqoriga va pastga o'q
↵
↵
↵
vagonni qaytarish
⇐
⇐
⇐
chap chap o'q
⇑
⇑
⇑
yuqoriga ko'tarilgan o'q
⇒
⇒
⇒
ikki tomonlama o'ng o'q
⇓
⇓
⇓
ikki marta pastga o'q
⇔
⇔
⇔
chapga va o'ngga ikkita o'q
⇕

⇕
yuqoriga va pastga o'qni ikki baravar oshiring
▲

▲
uchburchak yuqoriga o'q
▼

▼
uchburchak pastga o'q



uchburchak o'ng o'q
◄

◄
uchburchak chap o'q
yulduzlar, qor parchalari
☃

☃
Qor odam
❄

❄
Qor tanasi
❅

❅
Shamroaklar tomonidan qamalib olingan qor parchasi
❆

❆
Jasur uchli qor parchasi
★

★
Soyali yulduz
☆

☆
Bo'yoqsiz yulduz
✪

✪
To'ldirilgan doira ichida to'ldirilmagan yulduzcha
✫

✫
To'ldirilgan yulduz, ichkarida doira ochiq
✯

✯
Yigiruvchi yulduz
⚝

⚝
Izlangan oq yulduz
⚪

⚪
O'rta ochiq doira
⚫

⚫
O'rtacha to'ldirilgan doira
⚹

⚹
Sextile (qor parchasi kabi)
✵

✵
Sakkiz burchakli aylanadigan yulduz
❉

❉
Sferik yulduz
❋

❋
Qalin sakkiz burchakli ko'z yoshi shaklidagi pervanel yulduzi
✺

✺
O'n oltita yulduzcha
✹

✹
O'n ikki uchli yulduz
✸

✸
Qalin sakkiz burchakli to'g'ri chiziqli to'ldirilgan yulduz
✶

✶
Olti burchakli to'ldirilgan yulduz
✷

✷
Sakkiz burchakli to'g'ri chiziqli to'ldirilgan yulduz
✴

✴
Sakkiz qirrali to'ldirilgan yulduz
✳

✳
Sakkiz qirrali yulduz
✲

✲
Markazi ochiq yulduzcha
✱

✱
Jasur yulduz
✧

✧
To'rt burchakli bo'yalmagan yulduz
✦

✦
To'rt burchakli soyali yulduz
⍟

⍟
Doira ichida yulduzcha
⊛

⊛
Doira ichida qor parchasi
soat, vaqt
⏰

⏰
Soat
⌚

⌚
Soat
⌛

⌛
Qum soat
⏳

⏳
Qum soat
Juda qiziq narsa bor olish usuli hTML kodi mnemonik sizga kerak bo'lgan belgi uchun. Buning uchun muharrirni ochish kifoya qiladi Microsoft Word, yangi hujjat yarating va tanlang yuqori menyu "Qo'shish" - "Belgilar" (men 2003 yilgi versiyadan foydalanayapman, shuning uchun keyingi versiyalarda xuddi shu amalni qanday qilishni bilmayman).
Ochilgan oynada shriftni tanlashingiz kerak, masalan Times New Roman (yoki boshqa saytga tashrif buyuruvchilarning aksariyat kompyuterlarida mavjud bo'lishi mumkin - masalan, Courier yoki Arial).
O'zingizga ochilgan ro'yxatdan qo'shing word hujjati sizga kerak bo'lgan barcha maxsus belgilar va ushbu Word hujjatini veb-sahifa sifatida saqlang (saqlash paytida ".html" ochiladigan ro'yxatidan tanlangan). Xo'sh, unda siz ushbu veb-sahifani har qanday HTML muharririda ochishingiz kerak (xuddi shu Notepad ++ bajaradi) va sizga kerak bo'lgan barcha mnemonikalarning raqamli kodlarini ko'rasiz:
Usul biroz murakkab, ammo agar siz o'zingizning sahifangizda kamdan-kam uchraydigan maxsus belgini ishlatishni xohlasangiz, yuqoridagi kabi jadvallarni Internetda qidirishdan ko'ra osonroq bo'ladi. Natijada paydo bo'lgan maxsus belgilar kodini kerakli joyga qo'yishingiz kerak bo'ladi va uning o'rniga veb-sahifada brauzer sizga kerakli belgini ko'rsatadi (masalan, bo'sh joy).
Namunalarda bo'sh joy va yumshoq defis
Yuqorida aytib o'tganimdek va yuqorida ko'rsatilgan maxsus belgilar jadvalidan ko'rinib turibdiki, Html-dagi ba'zi mnemonikalar, osonroq eslab qolish uchun raqamli belgidan tashqari, ramziy belgini olgan. O'sha. funt belgisi "#" (xash) o'rniga so'zlar belgi variantlarida qo'llaniladi. Masalan, xuddi shu singan bo'sh joy (raqamli mnematik) yoki (ramziy) sifatida yozilishi mumkin.
Maqolalar yozayotganda, agar siz ampersand (&) yoki ochiq burchakli qavsni (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
Ya'ni, agar siz maqola yozsangiz, unda matnga kiritishingiz kerak bo'ladi, masalan, tegni ko'rsatish< body> yoki faqat kamroq belgini kiritishingiz kerak (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
Shu sababli, shunga o'xshash muammoni hal qilish uchun quyidagi qurilmani kiritishingiz kerak bo'ladi:
Xuddi shu narsa mnemonikaning kodini ko'rsatishda ham qo'llaniladi, chunki ular ampersand bilan boshlanadi. Matnga ampersand belgisini uning o'rniga (maxsus belgi) almashtirish bilan kodni kiritishingiz kerak bo'ladi:
 
Sahifaga kirish uchun buni qilish kerak bo'ladi<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
Bundan tashqari, ehtimol siz bo'sh joydan foydalanasiz, bu veb-sahifada odatdagi bo'shliqqa o'xshaydi, ammo brauzer uni bo'shliq belgisi sifatida qabul qilmaydi va unga pul o'tkazishni amalga oshirmaydi (masalan, bu 1400 Gb va hokazo kabi iboralar uchun mos keladi, bu esa turli satrlarda defis yordamida bajarilishini istamaydi):
1400 GB.
Ba'zida qarama-qarshi vaziyat paydo bo'lishi mumkin, agar matnda juda uzun so'zlar bo'lsa va kerak bo'lsa brauzerga ishonch hosil qilishni xohlasangiz bu so'zlarni defis bilan sindirib tashlashi mumkin... Bunday maqsadlar uchun "yumshoq transfer" maxsus belgisi taqdim etiladi -
Uzoq uzunlik va uyatchan so'z;
Agar boshqa satrga o'tish zarurati bo'lsa, brauzer tire qo'yadi va so'zning qolgan qismini yumshoq chiziqli mnemonic o'rniga keyingi qatorga yuboradi. Agar bu so'zlarning barchasini bitta satrda joylashtirish uchun etarli joy bo'lsa, brauzer hech qanday chiziq chizig'ini chizmaydi. Bu shunchaki oddiy.
 
Omad sizga! Yaqinda blog sayti sahifalarida ko'rishguncha
orqali ko'proq video tomosha qilishingiz mumkin
");">
Sizni qiziqtirishi mumkin
MailTo - bu nima va qanday qilib elektron pochta xabarini yuborish uchun HTML-da havolani yaratish 
H1-H6 sarlavhalari teglari va atributlari, Hr gorizontal chiziq, H chiziq 4.0 va P paragraf Html 4.01 standartiga muvofiq 
HTML - IMG va A teglariga havola va rasmni (rasm) qanday kiritish mumkin
Assalomu alaykum blog saytining aziz o'quvchilari! Hech bo'lmaganda yuzaki ravishda tanishishga muvaffaq bo'lganlar, ehtimol, umuman olganda, allaqachon e'tiborga olishgan. Bu shuni anglatadiki, ular hujjat kodida odatda qanday HTML belgilaridan foydalanilganligi to'g'risida tasavvurga ega.
Bugungi maqolada biz HTML-da bo'sh joy nima ekanligini tushunishga harakat qilamiz, bu holda kodni o'zi oson idrok etish uchun formatlashda bo'shliq belgilaridan foydalanish mumkin. Buzilmasdan bo'sh joyni ishlatish, shuningdek, boshqa maxsus belgilar bilan tanishish zarurligini (yoki ular deyilganidek, mnemonika) bilib olamiz.
Darhaqiqat, men sizga turli xil maxsus belgilarni ishlatish mavzusini e'tiborsiz qoldirmaslikni maslahat beraman, chunki bu sizga gipermatnlarni belgilash tilini o'rganishni yakunlash imkonini beradigan muhim tarkibiy qism. Umuman olganda, ushbu nashrda keltirilgan ma'lumotlar, albatta, ortiqcha bo'lmaydi. Xo'sh, endi nuqta.
HTML-dagi bo'shliqlar va bo'shliq belgilar
Avvalo muhim bir fikrni ta'kidlash kerak. Kompyuter klaviaturasida matnni ajratishni amalga oshirishga imkon beradigan maxsus tugmalar mavjud (batafsil quyida). Biroq, faqat keng bo'shliq faqatgina muharrirda emas, balki brauzer oynasida ham so'zlar orasidagi qismni taqdim etadi. Chiziqlar va chekka chiziqlar bilan nuanslar mavjud.
Ma'lumki, veb-brauzerda ba'zi elementlarning namoyishi teglar bilan belgilanadi. Matnni formatlash uchun taniqli blokdan foydalaniladi. Ya'ni, uning tarkibi mavjud bo'lgan kenglik bo'ylab tarqaladi.
Kimga paragraf ichidagi satrlarni o'rash, buni amalga oshirishingiz mumkin bo'lgan bitta BR yorlig'ini ishlatishingiz kerak. Matn muharririda yozgan she'rlarimizdan bir nechtasini matnga kiritishimiz kerak deylik:

Oyat satrlari to'g'ri joylashtirilganiga va defisiya kerakli joylarda bajarilganiga qaramay, brauzerda hamma narsa boshqacha ko'rinadi:


Veb-brauzer oynasida bir xil ko'rsatkichga erishish uchun har bir satrda BR yozishingiz kerak:

Endi biz vazifani oxiriga etkazdik va brauzerda oyat satrlari mutlaqo to'g'ri ko'rsatiladi:

Shunday qilib, kerakli qator tanaffuslari yakunlandi. Bu erda, shuningdek, veb-brauzer tomonidan birin-ketin ketma-ket bir nechta bo'shliqlar ko'rsatiladigan bunday xususiyatni ta'kidlash kerak. Bunga amin bo'lishingiz mumkin, agar o'sha muharrirda siz ikkita so'z o'rtasida bitta emas, balki bir nechta bo'sh joy qo'yishga harakat qilsangiz va "Saqlash" tugmachasini bosgan bo'lsangiz, natijani brauzerda ko'rib chiqing.
Bo'sh joy, yorliq va chiziq oralig'i
Asosan, bular bilan bo'shliq belgilar biz darhol tanishamiz, chunki biz muharrirdagi matn bilan ishlashni boshlaymiz va kerakli shaklda formatlaymiz. Bunday vazifani amalga oshirish uchun ularning har biri o'zining kosmik belgisiga mos keladigan maxsus kalitlar mavjud:
Bo'sh joy - bu kompyuter klaviaturasidagi eng keng tugma (yorlig'i yo'q);
Tabulyatsiya - chap tomonda "Tab" yozuvi va ikkita o'q turli yo'nalishlarga yo'naltirilgan kalit;
Chiziqning uzilishi - "Enter" tugmasi.
Ammo, yuqorida aytganimdek, yakuniy kerakli natija nafaqat matn muharririda, balki brauzerda ham biz faqat birinchi tugmachadan foydalanganda olamiz. Uchala tugmachaning hammasi (jadvallar va satrlarni kesishni o'z ichiga olgan holda HTML kodini formatlashda foydalidir. Masalan, barcha bo'sh joy belgilarini ko'rsatishda NotePad ++ da (bu muharrir haqida ma'lumot juda ko'p) kodning bir qismi shunday ko'rinadi:


Bo'sh joylar tufayli biz o'qish va tushunish oson bo'lgan kodni olamiz. To'q sariq o'qlar Tab tugmachasi yordamida hosil bo'lgan chuqurchani belgilaydi, CR va LF belgilar esa Enter harfidan foydalanib satrlarni belgilaydi.
Bir-biriga joylashtirilgan konteynerlar ko'rib chiqiladi, ochilish va yopish teglari yaxshi ajralib turadi. Ushbu shaklda ushbu kodni osongina tahrirlash mumkin. Endi uni xuddi shu kod bilan taqqoslang, unda bunday matn bo'linishi yo'q:
Xuddi shu tarzda, bo'shliq belgilaridan foydalanib, siz tushunarli va hazm bo'ladigan ko'rinadigan CSS qoidalarini yozishingiz mumkin:


Barcha uslublarni umumiy maxrajga keltirganingizdan va uslublar faylini tahrirlashni to'liq tugatgandan so'ng, barcha bo'shliqlarni koddan olib tashlashingiz mumkin. Bu reklama qilish uchun kerak, bu resursni targ'ib qilishda juda muhimdir.
HTML kodidagi maxsus belgilar (yoki mnemonika)
Endi biz qanday hollarda maqolaning boshida aytib o'tgan maxsus belgilarni ishlatish kerakligini tahlil qilamiz. Gipermatnlarni belgilash tilida kodlash bilan uzoq vaqtdan beri davom etayotgan muammoni hal qilish uchun ba'zan mnemonika deb nomlanadigan HTML maxsus belgilar kiritildi.
Klaviaturani terishda siz foydalanadigan tilning belgilariga kod qo'yiladi. Veb-brauzerda terilgan matn teskari dekodlash jarayoni natijasida siz tanlagan shriftlarda ko'rsatiladi.
Haqiqat shundaki, bunday kodlashlar juda ko'p, endi ularni batafsil tahlil qilish maqsadimiz yo'q. Shunchaki ularning har birida ma'lum belgilar mavjud bo'lmasligi mumkin, ammo ularni ko'rsatish kerak. Masalan, sizda bitta tirnoq yoki aksent belgisini yozish istagi bor va bu ikonkalar to'plamda yo'qligi uchun juda muhimdir.
Ushbu muammoni bartaraf etish uchun juda ko'p sonli turli xil mnemonikalarni o'z ichiga olgan maxsus belgilar tizimi joriy etildi. Ularning barchasi "&" ampersandidan boshlanadi va odatda ";" nuqta-vergul bilan tugaydi. Dastlab, har bir maxsus belgi o'z raqamli kodiga ega edi. Masalan, biz quyida batafsil ko'rib chiqadigan buzilmas bo'shliq uchun quyidagi yozuv amal qiladi:
Ammo bir muncha vaqt o'tgach, eslab qolishni osonlashtirish uchun eng keng tarqalgan belgilarga alfavit o'xshashlari (mnemonika) berildi. Aytaylik, xuddi shu bo'sh joy uchun shunday ko'rinadi:
Natijada, brauzer mos keladigan belgini aks ettiradi. Mnemonika ro'yxati juda katta, eng ko'p ishlatiladigan HTML maxsus belgilar quyidagi jadvaldan topishingiz mumkin:
belgi
kod
mnemonika
tavsif






bo'sh joy
 


 

 

tor joy (maktub bo'ylab)
 


 

 

keng joy (m harfida keng)
–

-

–

tor chiziq (en-tire)
-

—

—

keng chiziq (em -dash)
­

-

­

yumshoq uzatish
a


́

stress, "ta'kidlangan" harfdan keyin joylashtirilgan


©



©

mualliflik huquqi
®

®

®

ro'yxatdan o'tgan savdo belgisi
™

™

™

savdo belgisi belgisi
º

º

º

mars nayzasi
ª

ª

ª

venera oynasi
‰

‰

‰

ppm
π

π

π

pi (Times New Roman-dan foydalaning)
¦

¦

¦

vertikal nuqta chiziq
§

§

§

paragraf
°

°

°

daraja
µ

µ

µ

mikro belgi
¶

¶

¶

xatboshi belgisi
…

…

…

ellipsis
‾

‾

‾

overline
´

´

´

aksent belgisi
№



№

raqam belgisi
🔍



🔍

Lupa (chapga burilgan)
🔎



🔎

Lupa (o'ngga burilgan)
arifmetik va matematik amallarning belgilari
×

×

×

ko'paytirmoq
÷

÷

÷

split
<

<


kamroq
>

>

>

ko'proq
±

±

±

ortiqcha / minus
¹

¹

¹

1 daraja
²

²

²

daraja 2
³

³

³

3 daraja
¬

¬

¬

inkor
¼

¼

¼

chorak
½

½

½

bir yarim
¾

¾

¾

uch chorak
⁄

⁄

⁄

kasr satri
−

−

−

minus
≤

≤

≤

kamroq yoki teng
≥

≥

≥

ko'proq yoki teng
≈

≈

≈

taxminan (deyarli) teng
≠

≠

≠

teng emas
≡

≡

≡

bir xil
√

√

√

kvadrat ildiz (radikal)
∞

∞

∞

cheksizlik
∑

∑

∑

yig'ish belgisi
∏

∏

∏

ish belgisi
∂

∂

∂

qisman differentsial
∫

∫

∫

ajralmas
∀

∀

∀

hamma uchun (faqat qalin bo'lsa ko'rinadigan)
∃

∃

∃

mavjud
∅

∅

∅

bo'sh to'plam
Ø

Ø

Ø

diametri
∈

∈

∈

tegishli
∉

∉

∉

tegishli emas
∋

∋

∗

o'z ichiga oladi
⊂

⊂

⊂

pastki qismdir
⊃

⊃

⊃

superset
⊄

⊄

⊄

ning kichik qismi emas
⊆

⊆

⊆

ning quyi to'plami yoki unga teng
⊇

⊇

⊇

superset yoki unga teng
⊕

⊕

⊕

ortiqcha aylana shaklida
⊗

⊗

⊗

aylana ichida ko‘paytirish belgisi
⊥

⊥

⊥

perpendikulyar
∠

∠

∠

burchak
∧

∧

∧

mantiqiy VA
∨

∨

∨

mantiqiy YOKI
∩

∩

∩

kesib o'tish
∪

∪

∪

ittifoq
valyuta belgilari
€

€

€

Evro
¢

¢

¢

Cent
£

£

£

Funt
¤

¤t;

¤

Valyuta belgisi
¥

¥

¥

Yen va yuan belgisi
ƒ

ƒ

ƒ

Florin belgisi
markerlar


.



oddiy marker
○



○

doira
·

·

·

o'rta nuqta
†



†

kesib o'tish
‡



‡

er-xotin xoch
♠

♠

♠

cho'qqilar
♣

♣

♣

klublar






qalblar
♦

♦

♦

olmos
◊

◊

◊

romb
✏



✏

qalam
✎



✎

qalam
✐



✐

qalam
✍



✍

qo'l
tirnoq
"

"

"

qo‘sh taklif
&

&

&

ampersand
«

«

«

chap tipografik tirnoq (seld suyagi tirnoq belgisi)
»

»

»

o'ng tipografik tirnoq (seld suyagi tirnoq belgisi)
‹



‹

bitta ochilish burchagi tirnoq belgisi
›



›

bitta burchakli tirnoqni yopish
′

′

′

qon tomir (daqiqa, oyoq)
″

″

″

ikki baravar (soniya, dyuym)
‘

‘

‘

yuqori chap bitta tirnoq belgisi
’

’

’

yuqori o'ng bitta tirnoq belgisi
‚

‚

‚

pastki o'ng bitta taklif
“

“

“

tirnoq-oyoq chapga
”

”

”

tirnoq belgisi-oyoq yuqori o'ng tomoni
„

„

„

tirnoq-oyoq o'ng pastda
❛



❛

bitta inglizcha tirnoq belgisi
❜



❜

bitta inglizcha yopiq kotirovka
❝



❝

ikkita inglizcha tirnoq ochilishi
❞



❞

ingliz juft tirnoq yopilishi
o'qlar
←

←

←

chap o'q






yuqoriga o'q
→

→

→

o'ng o'q
↓

↓

↓

o'qni pastga
↔

↔

↔

chap va o'ng o'q
↕



↕

yuqoriga va pastga o'q
↵

↵

↵

vagonni qaytarish
⇐

⇐

⇐

chap chap o'q
⇑

⇑

⇑

yuqoriga ko'tarilgan o'q
⇒

⇒

⇒

ikki tomonlama o'ng o'q
⇓

⇓

⇓

ikki marta pastga o'q
⇔

⇔

⇔

chapga va o'ngga ikkita o'q
⇕



⇕

yuqoriga va pastga o'qni ikki baravar oshiring
▲



▲

uchburchak yuqoriga o'q
▼



▼

uchburchak pastga o'q






uchburchak o'ng o'q
◄



◄

uchburchak chap o'q
yulduzlar, qor parchalari
☃



☃

Qor odam
❄



❄

Qor tanasi
❅



❅

Shamroaklar tomonidan qamalib olingan qor parchasi
❆



❆

Jasur uchli qor parchasi
★



★

Soyali yulduz
☆



☆

Bo'yoqsiz yulduz
✪



✪

To'ldirilgan doira ichida to'ldirilmagan yulduzcha
✫



✫

To'ldirilgan yulduz, ichkarida doira ochiq
✯



✯

Yigiruvchi yulduz
⚝



⚝

Izlangan oq yulduz
⚪



⚪

O'rta ochiq doira
⚫



⚫

O'rtacha to'ldirilgan doira
⚹



⚹

Sextile (qor parchasi kabi)
✵



✵

Sakkiz burchakli aylanadigan yulduz
❉



❉

Sferik yulduz
❋



❋

Qalin sakkiz burchakli ko'z yoshi shaklidagi pervanel yulduzi
✺



✺

O'n oltita yulduzcha
✹



✹

O'n ikki uchli yulduz
✸



✸

Qalin sakkiz burchakli to'g'ri chiziqli to'ldirilgan yulduz
✶



✶

Olti burchakli to'ldirilgan yulduz
✷



✷

Sakkiz burchakli to'g'ri chiziqli to'ldirilgan yulduz
✴



✴

Sakkiz qirrali to'ldirilgan yulduz
✳



✳

Sakkiz qirrali yulduz
✲



✲

Markazi ochiq yulduzcha
✱



✱

Jasur yulduz
✧



✧

To'rt burchakli bo'yalmagan yulduz
✦



✦

To'rt burchakli soyali yulduz
⍟



⍟

Doira ichida yulduzcha
⊛



⊛

Doira ichida qor parchasi
soat, vaqt
⏰



⏰

Soat
⌚



⌚

Soat
⌛



⌛

Qum soat
⏳



⏳

Qum soat
Ba'zi maxsus belgilar uchun, shu jumladan bo'sh joy va yumshoq defis uchun kassalardan foydalaning
Agar siz jadvalni biroz o'rganib chiqqan bo'lsangiz, unda siz barcha maxsus belgilarni ko'rsatish uchun yuqorida aytgan so'zlarimning tasdig'ini oldingiz, bu erda panjara va raqamlar birikmasi o'rniga () harflar yozilgan raqamli kod () yoki uning alfavit analogi (ramziy mnemonika) ishlatiladi.
Keling, ushbu kodlarni qachon qo'llash kerakligini ko'rib chiqamiz. Masalan, maqolada siz ma'lumot uchun ba'zi HTML yorliqlarini ko'rsatishingiz kerak, masalan,