Maxsus belgilar. HTML maxsus belgilar

Klaviaturada ko'rilgan barcha belgilar HTML hujjati matnida ishlatilishi mumkin emas. Biroq, bu mantiqan. Agar har bir teg quyidagidan boshlansa (<) и заканчивается символом (>), keyin bu belgilar oddiy matn ichida ko'rsatilishi mantiqan to'g'ri emas. Ushbu belgilar HTML hujjatlarida alohida ma'noga ega. Brauzer ularni ko'rib, HTML teglari deb o'ylaydi va ularni shunday izohlashga harakat qiladi.
  HTML hujjati matniga kiritilishi taqiqlangan belgilarni qo'shish muammosini hal qilish uchun maxsus belgilar to'plami - klaviaturadan kirish taqiqlangan belgilar o'rnini bosadigan qismlar ishlab chiqildi. Klaviaturangizda bo'lmagan belgilar maxsus belgilar bilan almashtirilishi mumkin. Har bir bunday ketma-ketlik (mos yozuvlar-mnemonika), albatta, ampersand (&) bilan boshlanadi va nuqta-vergul bilan (;) tugaydi. (&) Va (;) orasida siz quyidagilarni kiritishingiz mumkin:

  • maxsus belgilar nomi (& name;);
  • ‰ (& num;) belgisidan keyin kiritilgan raqamli kod, ya'ni raqamli kodni ko'rsatish orqali maxsus belgi qo'yishda quyidagi yozuvdan foydalaning: (&& num; code;);
  Raqamli kod o'nlik yoki o'n oltilik shaklida berilishi mumkin.
  Masalan, kichikroq belgini ko'rsatish uchun (<) мы должны написать: <   (belgi nomi) yoki && num; 60;  (o'nlik raqamlardagi raqamli kod) yoki && num; x0003C;  (o'n oltilik tizimdagi raqamli kod).

Bo'sh joy

Ajralib bo'lmaydigan makonning asosiy maqsadi () (buzilmaydigan makondan) - alohida so'zlar, lekin hozirgi paytda yangi chiziqqa o'tishni taqiqlash. Brauzer oynasining o'lchamlari mos kelmasligi sababli, paragrafdagi yangi satrga o'tish avtomatik ravishda amalga oshiriladi. Bunday holda, brauzer bo'sh joy yoki defis bo'lgan joyda chiziqni buzadi. Imlo qoidalariga ko'ra, til tuzilmalari mavjud bo'lib, ularni yirtib bo'lmaydi. Ajralib bo'lmaydigan joyga ega bo'lgan dizaynlar, masalan:

  • familiyasi, ismi va otasining ismi;
  • ulardan oldingi so'z bilan uzun tire;
  • keyingi so'z bilan bir qatorli chiziqlar;
  • raqamlar, keyin birliklar.
  Bunday holatlarda, HTML odatda bo'sh joy ishlatmaydi (). Bunday bo'shliq odatdagi kabi ko'rinadi, ammo u har qanday sharoitda turgan so'zlar bir xil chiziqda bo'lishiga kafolat beradi.
  • 15 m / s
  • 100 km / soat

Sizga ma'lumki, HTMLda ketma-ket bir nechta doimiy bo'shliqlar bitta bo'sh joy bilan almashtiriladi. Agar siz matnda 10 ta bo'shliqni yozsangiz, brauzer ulardan 9tasini o'chirib tashlaydi. Matnga haqiqiy bo'shliqlarni qo'shish uchun siz bo'sh joydan foydalanishingiz mumkin () .

Qo'shtirnoq belgilari.

Bosmada uch xil tirnoq mavjud: ikki burchakli tirnoq yoki "iris suyagi" (""), tipografik tirnoq ("") va qo'lda yozilgan "panjalar" (""). Dastur kodlari bilan ishlashda siz ikkita to'g'ridan-to'g'ri tirnoqlardan ("") va bitta to'g'ridan-to'g'ri tirnoqlardan ("") foydalanasiz.
   An'anaga ko'ra, rus tilida tirnoqlarning asosiy turi "iris suyagi" deb hisoblanadi. HTML-da "Rojdestvo daraxtlari" belgilarga mos keladi «   va » . Ko'pgina nashrlarda "Rojdestvo daraxti" o'rniga, tipografik tirnoq va ikki marta tekis tirnoq ham ishlatiladi.
  Chap va o'ng tipografik belgilar tirnoq belgilariga mos keladi   va   tegishli ravishda va pastki chap tirnoq - .
  To'g'ridan-to'g'ri qo'shaloq tirnoq maxsus belgi bilan mos keladi " .

Maxsus tirnoqlardan foydalanish quyidagi misolda ko'rsatilgan.

Misol: tirnoqlardan foydalanish

Tire va chiziqcha

Bosmada uchta o'xshash belgilar mavjud: uzun tire, qisqa tire va chiziqcha. Ulardan bittasi kompyuter klaviaturasida bor - bu defis. Odatda, matnda defis yoki tire ko'rsatilishi kerak bo'lgan barcha holatlarda qo'llaniladi. Shunga qaramay, ushbu belgilarni ishlatishda ba'zi tinish qoidalariga rioya qilish kerak.
  Shunday qilib, defis (-) faqat so'zlar ichida yoki raqamlar oralig'ida qo'llaniladi. Jumladagi so'zlar orasiga uzun chiziqcha (-) qo'yiladi va bu so'zlardan bo'shliqlar bilan ajratiladi. Uzun chiziq mnemonics-ga to'g'ri keladi . Qisqa tire (-) harflarsiz raqamlar orasidan bosh harf bilan yozilgan so'zlar orasiga qo'yiladi va matematik formulalarda minus belgisi sifatida ishlatiladi. Qisqa tire va so'zlar orasida bo'sh joy yo'q. Qisqa tire bog'lanish-mnematikaga to'g'ri keladi - .

Defis va tire quyidagi misolda ko'rsatilgan:

Masalan: Maxsus belgilar - va -

  • O'zingizni sinab ko'ring "



  Vaqt pul ...

Veb-sahifa juda uzoq vaqtdan beri ochilmoqda.
  U 2-4 soniyada yuklanishi kerak.
  Vaqt pul ...

Ba'zi mashhur HTML maxsus belgilar ro'yxati

Belgi Ta'rif Mnemonik ism Raqamli kod
buzilmaydigan joy
< dan kichik; .. dan kamroq <
> dan ortiq > >
& ampersand & &
" qo‘shtirnoq belgisi " "
" apostrof " "
« chap burchakdagi qo'shtirnoq belgisi « «
» o'ng burchakli qo'shtirnoq belgisi » »
chap bitta kotirovka
o'ng bitta kotirovka
pastki bitta taklif
chap qo'shtirnoq
o'ng qo'shtirnoq
pastki qo'shtirnoq
evroga tushdi
mualliflik huquqi ©
® ro'yxatdan o'tgan savdo belgisi ® ®

Maxsus belgilar turlari

Oddiy klaviaturada siz matematik, texnik, geometrik va boshqa maxsus belgilarning ko'pini topa olmaysiz.
  HTML-sahifada bunday belgilarni ishlatish uchun siz mos keladigan mnemonic nomlardan foydalanishingiz mumkin.

Quyidagi misolda turli xil kodlardan foydalanib bir xil belgi qanday ko'rsatilishini ko'rishingiz mumkin.

Salom blog saytining aziz o'quvchilari. Biroz oldin biz qanday qilib unda dizayn haqida qanday bilib olganimiz haqida gaplashgandik. Bugun biz HTML-dagi bo'shliq tushunchasi va uni yozishda kodni formatlash (uni keyingi o'qish va idrok qilish qulayligi uchun) ga egamiz.

Xo'sh, biz ajratib bo'lmaydigan bo'shliq va yumshoq defisatsiya mavzusini yoritganimiz sababli, biz Html tilida ishlatiladigan maxsus belgilar yoki mnemonikalarga e'tibor qaratishimiz kerak, bu veb-hujjat kodiga yuqorida aytib o'tilgan kabi ko'plab qo'shimcha belgilar qo'shishga imkon beradi. . Ammo birinchi navbatda birinchi narsa.

HTML tilida bo'sh joy va bo'sh joy

Buning uchun maxsus ishlab chiqarilgan teglardan foydalangan holda matnni formatlashtirish masalasiga o'tishdan oldin (paragraf, sarlavha va hk) HTML bo'sh joylar, chiziq uzilishlari (Enter) va jadvallarni qanday sharhlashi to'g'risida, qismlarga ajratish qanday amalga oshirilayotgani to'g'risida to'xtalmoqchiman. o'lchamini o'zgartirganda brauzer oynasida matn.

To'g'ri, bunday vizual formatlash uchun (veb-sahifada ko'rinmaydi) ko'pincha bo'sh joylar emas, xususan yorliqlar va satrlarni ajratish. Bunday qoida mavjud - o'rnatilgan HTML yorlig'ini yozishni boshlaganingizda, keyin yorliq bilan pastga  (Klaviaturadagi yorliq tugmachasi) va ushbu tegni yopgandan so'ng, pastga (Shift + klaviaturadagi tugmalar birikmasi) belgisini qo'ying.

Buni qilish kerak, shunda ochilish va yopilish teglari bir xil vertikal darajada bo'ladi (Html \u200b\u200btahrirlovchingiz sahifasining o'ng chekkasida bir xil sonli tablar, masalan, Notepad ++, men yozgan). Bundan tashqari, ochilish elementini yozganingizdan so'ng darhol bir necha qatorli tanaffuslar qilishni va darhol yopishni bir xil darajada (yorliqlar sonini) ro'yxatdan o'tkazishni maslahat beraman, keyinchalik buni qilishni unutmasligingiz kerak.

I.e. ochilish va yopilish elementlari vertikal ravishda bir xil darajada bo'lishi kerak va biz ichki yorliqlarni bitta yorliqqa siljitamiz va yopilish va ochilishini yana bir xil darajaga joylashtiramiz.

Oddiy veb-hujjatlar uchun bu haddan tashqari tuyulishi mumkin, ammo kamroq yoki murakkabroq hujjatlarni yaratishda ular kod yanada ingl  va bo'shliqlarning ko'pligi sababli o'qilishi mumkin, shuningdek teglarning nosimmetrik joylashuvi tufayli xatolarni ko'rish osonroq bo'ladi.

Maxsus belgilar yoki HTML kodidagi mnemonika

Shunday qilib, endi ushbu maqolaning boshida e'lon qilgan maxsus belgilar haqida gaplashaylik. Maxsus belgilar ba'zan mnemonics yoki joker deb ataladi. Ular ishlatilgan kodlash bilan bog'liq bo'lgan gipermatnli belgilash tilida uzoq vaqt oldin paydo bo'lgan muammoni hal qilish uchun mo'ljallangan.

Matnni klaviaturadan kiritganingizda, sizning til belgilaringiz oldindan belgilangan algoritmga muvofiq kodlanadi va keyin dekodlash orqali siz foydalanadigan shriftlardan foydalangan holda saytda ko'rsatiladi (uni qaerdan topish va uni qanday o'rnatish kerak).

Kodlashlar juda ko'p, ammo Html uchun standart kodlashning kengaytirilgan versiyasi qabul qilindi.

Ushbu matnli kodlashda faqat 256 belgini - ASCII dan 128 va rus tilidagi harflar uchun yana 128 ta yozuvni yozish mumkin edi. Natijada, ASCII-ga kirmaydigan va Windows 1251 (CP1251) kodlashning bir qismi bo'lgan rus tilidagi harflar bo'lmagan saytlarda belgilarni ishlatishda muammo yuzaga keldi. Xo'sh, siz tilda yoki apostropda foydalanishga qaror qildingiz va Html tilida ishlatiladigan bunday kodlash imkoniyatlari mavjud emas edi.

Aynan shunday holatlar uchun almashtirishlar, yoki boshqacha aytganda, mnematikalar ixtiro qilingan. Dastlab maxsus belgilar raqamli yozuv shakliga ega edi, ammo keyin ularning eng ko'p uchraydiganlari uchun xotirani osonlashtirish uchun ularning harflarining hamkasblari qo'shildi.

Umuman olganda, mnemonika bu "&" amperdan boshlanib, nuqta-vergul bilan tugaydigan ";" belgidir. Aynan shu sabablarga ko'ra brauzer Html kodini tahlil qilganda undan maxsus belgilarni tanlaydi. Raqamli almashtirish kodidagi ampersandan so'ng darhol "#" funt belgisi, ba'zan xesh deb atash kerak. Va shundan keyingina kerakli Unicode belgi raqamli kodiga amal qilinadi.

Siz Unicode-da 60 000 dan ortiq belgilarni yozishingiz mumkin - asosiysi, kerakli mnemonic belgilar sizning saytingizda ishlatiladigan shrift bilan qo'llab-quvvatlanadi. Deyarli barcha Unicode belgilarini qo'llab-quvvatlaydigan shriftlar mavjud va faqat ma'lum bir 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:

BelgiHtml kodiO'nli kasr
  kodi
Ta'rif
buzilmaydigan joy
tor joy (en n harfida)
keng joy (m-harf bilan keng)
- tor tire (en-tire)
- keng tire (dash)
­ - ­ yumshoq yuk
a ́ urg'u "zarba" xatidan keyin qo'yiladi
© © mualliflik huquqi
® ® ® ro'yxatdan o'tgan savdo belgisi
brend nomi
º º º marsning nayzasi
ª ª ª venera oynasi
ppm
π π π pi (Times New Roman-dan foydalaning)
¦ ¦ ¦ vertikal nuqta chiziq
§ § § xatboshi
° ° ° daraja
µ µ µ mikro belgisi
xat belgisi
ellips
ustki
´ ´ ´ urg'u belgisi
raqam belgisi
🔍 🔍 Lupa (chapga egilgan)
🔎 🔎 Kattalashtirgich (o'ngga egilgan)
arifmetik va matematik operatsiyalarning belgilari
× × × ko'paytiring
÷ ÷ ÷ ajratmoq
< < kamroq
> > > ko'proq
± ± ± ortiqcha / minus
¹ ¹ ¹ 1-daraja
² ² ² 2-daraja
³ ³ ³ 3-daraja
¬ ¬ ¬ rad qilish
¼ ¼ ¼ to'rtdan biri
½ ½ ½ bir soniya
¾ ¾ ¾ uch chorak
kasr chizig'i
minus
kamroq yoki teng
kattaroq yoki teng
taxminan (deyarli) teng
teng emas
bir xil
kvadrat ildiz (radikal)
cheksizlik
xulosa belgisi
mahsulot belgisi
qisman differentsial
integral
hamma uchun (faqat qalin harf bilan ko'rsatilgan)
mavjud
bo'sh to'plam
Ø Ø Ø diametri
tegishli
tegishli emas
o'z ichiga oladi
quyi qism
superset hisoblanadi
pastki emas
ikkalasi ham teng bo'lgan kichik to'plam
ikkalasi ham tenglikning ustuni
kupada
aylanani ko'paytirish belgisi
perpendikulyar
burchak
mantiqiy VA
mantiqiy OR
kesishish
birlashtirish
valyuta belgilari
Rubl. Rubl belgisi raqamni urish bilan ishlatilishi kerak. Unicode standarti 7.0. Agar rasmni ko'rmasangiz, Unicode shriftlarini yangilang.
Evroga teng
¢ ¢ ¢ Cent
£ £ £ Funt
¤ ¤ ¤ Valyuta belgisi
¥ ¥ ¥ Iena va yuan belgisi
ƒ ƒ ƒ Florin belgisi
markerlar
. oddiy marker
aylana
· · · o'rta nuqtasi
xoch
juft xoch
cho'qqilar
klublar
qalblar
daflar
lozenge
qalam
qalam
qalam
qo'l
tirnoq belgilari
" " " qo'shtirnoq
& & & ampersand
« « « chap tipografiya kotirovkasi (herringbone quote)
» » » o'ng tipografiya kotirovkasi (herringbone quote)
bitta burchakli tirnoq ochilishi
bitta burchakli tirnoqni yopish
bar (daqiqa, fut)
ikki marta urish (soniya, dyuym)
chap yuqori bir kotirovka
yuqori o'ng bitta tirnoq
pastki o'ng o'ng kotirovka
chap tirnoq
yuqori o'ng tirnoq
pastki o'ng tirnoq
bitta ochiladigan tirnoq
bitta inglizcha tirnoqni yopish
ikki baravar ochiladigan tirnoq
qo'shtirnoqli ingliz tirnoq belgisi
o'qlar
chap o'q
yuqoriga o'q
o'ng o'q
pastga o'q
chap va o'ng o'q
yuqoriga va pastga o'q
avtoulovni qaytarish
chap chap o'q
ikki baravar yuqoriga o'q
ikki marta o'ng o'q
ikki marta pastga o'q
chap va o'ng o'qning ikkitasi
ikki marta yuqoriga va pastga o'q
uchburchak yuqoriga yo'naltirilgan strelka
uchburchak pastga o'q
o'ng uchburchak o'q
uchburchak chap o'q
yulduzlar, qor parchalari
Kardan odam
Qor parchasi
Shomroked Snowflake
Yog'li qor uchquni
Soyali yulduz
Tasvirsiz yulduz
To'liq doirada tanilmagan yulduz
Ichkarida bo‘sh doira bor soyali yulduz
Yigirma yulduz
Chizilgan oq yulduz
O'rta ochiq doira
O'rta soyali doira
Sekstil (masalan, qor parchasi)
Sakkiz qirrali aylanuvchi yulduz
Sprocket Sprocket
Qalin, sakkiz qirrali, tomchi shaklidagi pervanel pichog'i
O'n oltita taniqli yulduz
O'n ikki Belgilangan soyali yulduz
Qalin sakkiz qirrali to'g'ri chiziqli soyali yulduz
Olti burchakli yulduz
Sakkiz qirrali to'g'ri chiziqli soyali yulduz
Sakkizta soya qilingan yulduz
Sakkiz qirrali shoxcha
Ochiq markazga ega yulduzcha
Yog'li yulduzcha
To'rtta tanlangan yulduzsiz yulduz
To'rt qirrali bo'yalgan yulduz
Doira ichida yulduzcha
Bir doira ichida qor parchasi
soat vaqti
Soat
Soat
Qum soat
Qum soat

Juda qiziq narsa bor hTML-kod mnemonikasini olish usuli  sizga kerak bo'lgan belgi uchun. Buning uchun Microsoft Word tahrirlovchisini ochish, yangi hujjat yaratish va yuqori menyudan "Symbol" -ni tanlash kifoya qiladi (men 2003 versiyasini ishlataman, shuning uchun keyingi versiyalarda ham xuddi shu ishni qanday qilishni bilmayman).

Ochilgan oynada siz shriftni tanlashingiz kerak, masalan, Times New Roman (yoki sizning saytingizga tashrif buyuruvchilarning ko'pgina kompyuterlarida mavjud bo'lishi mumkin - masalan, Courier yoki Arial).

O'zingizning Word hujjatingizda paydo bo'ladigan ro'yxatdan barcha kerakli belgilarni qo'shing va ushbu Word hujjatini veb-sahifa sifatida saqlang (saqlash paytida ochiladigan ro'yxatdan ".html" -ni tanlang). Xo'sh, keyin siz biron bir Html tahrirlovchisida ushbu veb-sahifani ochishingiz kerak (xuddi shu Notepad ++ bajaradi) va sizga kerak bo'lgan mnemonikaning barcha raqamli kodlarini ko'rasiz:

Usul biroz murakkab, ammo agar u saytingiz sahifasida ba'zi noyob maxsus belgilarni ishlatmoqchi bo'lsa, yuqorida ko'rsatilgan kabi Internetda jadvallarni topishdan osonroq bo'ladi. Olingan maxsus belgilar kodini kerakli joyga joylashtirishingiz kerak va uning o'rniga veb-sahifada brauzer sizga kerak bo'lgan belgilarni (masalan, ajratib bo'lmaydigan joy) ko'rsatadi.

Misollardagi bo'sh joy va yumshoq uzatish

Yuqorida aytib o'tganimdek va yuqoridagi maxsus belgilar jadvalidan ko'rinib turibdiki, Html-dagi ba'zi mnemonikalar, raqamli narsalardan tashqari, ularni osonroq xotirada saqlash uchun ramziy belgilarga ega bo'ldi. I.e. ramziy variantlarda "#" (hash) funt belgisi o'rniga so'zlar ishlatiladi. Masalan, bir xil bo'lmaydigan bo'shliqlar (raqamli mnemonika) yoki (ramziy) kabi yozilishi mumkin.

Maqolalar yozishda, agar siz ampersand (&) yoki ochilish burchagini qo'yish kerak bo'lsa (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Ya'ni, agar siz matnga kiritishingiz kerak bo'lgan maqola yozayotgan bo'lsangiz, masalan, tegni namoyish qilish< body>  yoki siz shunchaki kichikroq belgi qo'yishingiz kerak (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Shuning uchun, ushbu muammoni hal qilish uchun siz quyidagi qurilishni kiritishingiz kerak bo'ladi.

Xuddi shu narsa mnemoniklarning kodini ko'rsatishda ham amalga oshiriladi, chunki ular amperdan boshlanadi. Kodni matnga ampersand belgisini uning o'rniga (maxsus belgi) almashtirish bilan kiritish kerak bo'ladi:

Sahifaga kirish uchun buni qilish kerak<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Bundan tashqari, siz veb-sahifadagi odatiy bo'shliq kabi ko'rinadigan bo'sh joydan foydalanasiz, ammo brauzer uni umuman bo'sh joy sifatida qabul qilmaydi va uni ko'tarib bo'lmaydi  (masalan, bu 1400 GB, va hokazo kabi jumlalar uchun mos keladi, ularni turli chiziqlar bo'ylab chizish kerak emas):

1400 GB

Ba'zida teskari holat matnda juda uzun so'zlar mavjud bo'lganda paydo bo'lishi mumkin va siz kerak bo'lganda brauzer paydo bo'lishini xohlaysiz bu so'zlarni defis orqali buzishi mumkin. Ushbu maqsadlar uchun maxsus "yumshoq uzatish" belgisi taqdim etiladi -

Longline & nbsp;

Boshqa satrga o'tish kerak bo'lganda, mnemonic yumshoq chiziqcha o'rniga brauzer chiziqcha qo'yadi va so'zning qolgan qismini keyingi qatorga yuboradi. Agar ushbu so'zlarning barchasini bitta satrda joylashtirish uchun etarli joy bo'lsa, brauzer biron-bir satr uzatmalarini tortmaydi. Bu qanchalik sodda.

Omad sizga! Blogingiz sahifasida tez orada uchrashamiz

borish orqali boshqa videolarni ko'rishingiz mumkin
");">

Sizni qiziqtirishi mumkin

MailTo - bu nima va qanday qilib Html-da elektron pochtani yuborish uchun havolani yaratish
Html 4.01 ga muvofiq H1-H6 sarlavhalari, gorizontal chiziq Hr, chiziqni uzatish Br va P bandlari uchun teglar va atributlar
Qanday qilib havolani va rasmni (rasmni) HTML-IMG va A-teglarga qo'shish mumkin

Assalomu alaykum aziz blog o'quvchilari! Hech bo'lmaganda yuzaki tanishishga muvaffaq bo'lganlar, ehtimol, umuman olganda, e'tiborga olishgan. Shunday qilib, ular hujjat kodida qanday HTML belgilar ishlatilishi haqida tasavvurga ega.

Bugungi maqolada biz HTML-dagi bo'shliq nima ekanligini aniqlashga harakat qilamiz, bu holda kodni o'zi o'qish uchun oson formatlashda bo'sh joyni ishlatishingiz mumkin. Ajratib bo'lmaydigan makondan foydalanish kerak bo'lganda bilib olamiz va boshqa maxsus belgilar bilan tanishamiz (yoki ular mnemonika deb ham ataladi).

Aslida, men sizga turli xil maxsus belgilarni ishlatish mavzusini e'tiborsiz qoldirmaslikni maslahat beraman, chunki bu gipermatnni belgilash tilini o'rganishni yakunlashga imkon beradigan muhim tarkibiy qism. Umuman olganda, ushbu nashrda keltirilgan ma'lumotlar ortiqcha bo'lmaydi. Xo'sh, hozircha.

HTML-da bo'sh joy va bo'sh joy

Birinchidan qilish kerak bo'lgan muhim nuqta. Kompyuter klaviaturasida matnni ajratish imkonini beruvchi maxsus tugmachalar mavjud (bu haqida biroz ko'proq ma'lumot bering). Shu bilan birga, faqat keng maydon satrida nafaqat muharrirda, balki brauzer oynasida ham so'zlar orasidagi bo'lim mavjud. Chiziqlarni o'rashda va chetidan ajratishda nuances bor.

Ma'lumki, veb-brauzerda ba'zi elementlarning ko'rsatilishi teglar bilan belgilanadi. Matnni formatlash uchun, blokirovka qilingan, ma'lum bo'lgan ishlatiladi. Ya'ni, uning tarkibi mavjud bo'lgan barcha kenglik bo'ylab joylashgan.

Kimga p xatboshidagi chiziqlarni o'rash, siz bitta bitta tegdan foydalanishingiz kerak, buni amalga oshirish mumkin. Aytaylik, matn tahrirlovchisiga yozgan she'rimizdan ba'zi qatorlarni kiritishimiz kerak.

Oyatdagi satrlar to'g'ri joylashtirilganiga va chizilgan joylar to'g'ri joylashtirilganiga qaramay, brauzerda hamma narsa boshqacha bo'ladi:


Veb-brauzer oynasida bir xil displeyga erishish uchun har bir qatorni ajratish nuqtasida BR-ni ro'yxatdan o'tkazish kerak:

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

Shunday qilib, kerakli chiziq uzilishlari yakunlandi. Shuningdek, veb-brauzer ketma-ket ketma-ket ketma-ket ketma-ket ketadigan qator joylarni ko'rsatadigan xususiyatni ta'kidlash kerak. Bunga ishonch hosil qilishingiz mumkin, agar bitta muharrirda bitta emas, ikkita so'z orasida bir nechta bo'sh joy qoldirishga harakat qilsangiz va "Saqlash" tugmachasini bosib, natijani brauzerda ko'rsangiz.

Bo'shliq, yorliq va chiziq uzilishi

Aslida, bular bilan bo'sh joy  biz darhol muharrirda matn bilan ishlashni qanday boshlaganimizni bilib olamiz va uni to'g'ri shaklda formatlaymiz. Ushbu vazifani bajarish uchun har biri o'zining bo'sh joyiga mos keladigan maxsus kalitlar mavjud:

  • Bo'sh joy - kompyuter klaviaturasidagi eng keng kalit (yozuvsiz);
  • Tab - chap tomonda "Tab" yozuvi va har xil yo'nalishdagi ikkita o'q;
  • Chiziqni uzish - Enter tugmachasi.

Biroq, yuqorida aytib o'tganimdek, natija nafaqat matn muharririda, balki brauzerda ham birinchi kalitdan foydalanganda erishamiz. Barcha uchta tugmachalar (shu jumladan yorliqlar va satrlarning uzilishlari) HTML kodini formatlash uchun foydalidir. Masalan, NotePad ++ -dagi kod parchasini (bu muharrir haqidagi tushuntirish materiallari) barcha bo'sh joy belgilarini ko'rsatishda ko'rib chiqamiz:


Bo'shliqlar tufayli biz o'qish va tushunish oson bo'lgan kodni olamiz. To'q sariq rangdagi strelkalar tab tugmachasi yordamida yaratilgan yozuvni ko'rsatadi va Enter tugmachasi yordamida bajarilgan CR va LF belgilar qatorini bildiradi.

Bir-biriga joylashtirilgan konteynerlarni ko'rishingiz mumkin, ochish va yopish etiketlari yaxshi ajralib turadi. Ushbu shaklda ushbu kodni osongina tahrirlash mumkin. Endi uni xuddi shunga o'xshash matn bo'linmagan kod bilan taqqoslang:

Xuddi shu tarzda, bo'sh joy belgilaridan foydalanib, siz ham CSS qoidalarini yozishingiz mumkin, ular vizual ravishda tushunarli va hazm bo'ladigan ko'rinadi:


Agar siz barcha uslublarni umumiy nomusga keltirsangiz va uslub faylini to'liq tahrirlashni tugatsangiz, koddan barcha bo'shliqlarni olib tashlab, ularni ochishingiz mumkin. Bu o'sish uchun zarur, bu resursni ilgari surishda juda muhimdir.

HTML kodidagi maxsus belgilar (yoki mnemonics)

Endi biz qaysi holatlarda maqolaning boshida aytib o'tgan maxsus belgilarni ishlatish kerakligini ko'rib chiqamiz. Gipermatnli belgilash tilida paydo bo'lgan kodlash bilan bog'liq uzoq vaqtdan beri mavjud bo'lgan muammoni hal qilish uchun ba'zida mnemonika deb nomlanadigan HTML maxsus belgilar kiritildi.

Matnni klaviaturadan kiritishda siz foydalanadigan tilning belgilari kodlanadi. Veb-brauzerda yozilgan matn teskari dekodlash jarayoni natijasida siz tanlagan shriftlardan foydalangan holda ko'rsatiladi.

Gap shundaki, shunga o'xshash kodlashlar juda ko'p, endi biz ularni batafsil tahlil qilishni maqsadimiz yo'q. Bu shunchaki ularning har birida biron bir belgi bo'lmasligi mumkin, ammo aksincha ularni ko'rsatish kerak. Aytaylik, bitta qo'shtirnoq yoki urg'u belgisini yozish sizga kerak edi va bu piktogrammalar to'plamda yo'q bo'lib ketdi.

Ushbu muammoni bartaraf etish uchun juda ko'p turli xil mnemonikalarni o'z ichiga olgan maxsus belgilar tizimi joriy etildi. Ularning barchasi "&" amperidan boshlanib, nuqta-vergul bilan ";" bilan tugaydi. Dastlab har bir maxsus belgi o'zlarining raqamli kodlariga ega edi. Masalan, quyida batafsil muhokama qilinadigan ajratib bo'lmaydigan joy uchun ushbu yozuv haqiqiy hisoblanadi:

Ammo bir muncha vaqt o'tgach, eslab qolishni osonlashtirish uchun eng ko'p uchraydigan belgilar alifbo analoglari (mnemonika) tayinlandi. Aytaylik, bir xil bo'lmaydigan bo'shliq uchun, u quyidagicha ko'rinadi:

Natijada, brauzer mos keladigan belgini ko'rsatadi. Mnemoniklarning ro'yxati juda katta, eng ko'p ishlatiladigan HTML maxsus belgilar  Quyidagi jadvaldan bilib olishingiz mumkin:

belgisi kodi mnemonika tavsifi
buzilmaydigan joy
tor joy (en n harfida)
keng joy (m-harf bilan keng)
- tor tire (en-tire)
- keng tire (dash)
­ - ­ yumshoq yuk
a ́ "zarba" xatidan keyin joylashtirilgan urg'u
© © mualliflik huquqi
® ® ® ro'yxatdan o'tgan savdo belgisi
brend nomi
º º º marsning nayzasi
ª ª ª venera oynasi
ppm
π π π pi (Times New Roman-dan foydalaning)
¦ ¦ ¦ vertikal nuqta chiziq
§ § § xatboshi
° ° ° daraja
µ µ µ mikro belgisi
xat belgisi
ellips
ustki
´ ´ ´ urg'u belgisi
raqam belgisi
🔍 🔍 Lupa (chapga egilgan)
🔎 🔎 Kattalashtirgich (o'ngga egilgan)
arifmetik va matematik operatsiyalarning belgilari
× × × ko'paytiring
÷ ÷ ÷ ajratmoq
< < kamroq
> > > ko'proq
± ± ± ortiqcha / minus
¹ ¹ ¹ 1-daraja
² ² ² 2-daraja
³ ³ ³ 3-daraja
¬ ¬ ¬ rad qilish
¼ ¼ ¼ to'rtdan biri
½ ½ ½ bir soniya
¾ ¾ ¾ uch chorak
kasr chizig'i
minus
kamroq yoki teng
kattaroq yoki teng
taxminan (deyarli) teng
teng emas
bir xil
kvadrat ildiz (radikal)
cheksizlik
xulosa belgisi
mahsulot belgisi
qisman differentsial
integral
hamma uchun (faqat qalin harf bilan ko'rsatilgan)
mavjud
bo'sh to'plam
Ø Ø Ø diametri
tegishli
tegishli emas
o'z ichiga oladi
quyi qism
superset hisoblanadi
pastki emas
ikkalasi ham teng bo'lgan kichik to'plam
ikkalasi ham tenglikning ustuni
kupada
aylanani ko'paytirish belgisi
perpendikulyar
burchak
mantiqiy VA
mantiqiy OR
kesishish
birlashtirish
valyuta belgilari
Evroga teng
¢ ¢ ¢ Cent
£ £ £ Funt
¤ ¤t; ¤ Valyuta belgisi
¥ ¥ ¥ Iena va yuan belgisi
ƒ ƒ ƒ Florin belgisi
markerlar
. oddiy marker
aylana
· · · o'rta nuqtasi
xoch
juft xoch
cho'qqilar
klublar
qalblar
daflar
lozenge
qalam
qalam
qalam
qo'l
tirnoq belgilari
" " " qo'shtirnoq
& & & ampersand
« « « chap tipografiya kotirovkasi (herringbone quote)
» » » o'ng tipografiya kotirovkasi (herringbone quote)
bitta burchakli tirnoq ochilishi
bitta burchakli tirnoqni yopish
bar (daqiqa, fut)
ikki marta urish (soniya, dyuym)
chap yuqori bir kotirovka
yuqori o'ng bitta tirnoq
pastki o'ng o'ng kotirovka
chap tirnoq
yuqori o'ng tirnoq
pastki o'ng tirnoq
bitta ochiladigan tirnoq
bitta inglizcha tirnoqni yopish
ikki baravar ochiladigan tirnoq
qo'shtirnoqli ingliz tirnoq belgisi
o'qlar
chap o'q
yuqoriga o'q
o'ng o'q
pastga o'q
chap va o'ng o'q
yuqoriga va pastga o'q
avtoulovni qaytarish
chap chap o'q
ikki baravar yuqoriga o'q
ikki marta o'ng o'q
ikki marta pastga o'q
chap va o'ng o'qning ikkitasi
ikki marta yuqoriga va pastga o'q
uchburchak yuqoriga yo'naltirilgan strelka
uchburchak pastga o'q
o'ng uchburchak o'q
uchburchak chap o'q
yulduzlar, qor parchalari
Kardan odam
Qor parchasi
Shomroked Snowflake
Yog'li qor uchquni
Soyali yulduz
Tasvirsiz yulduz
To'liq doirada tanilmagan yulduz
Ichkarida bo‘sh doira bor soyali yulduz
Yigirma yulduz
Chizilgan oq yulduz
O'rta ochiq doira
O'rta soyali doira
Sekstil (masalan, qor parchasi)
Sakkiz qirrali aylanuvchi yulduz
Sprocket Sprocket
Qalin, sakkiz qirrali, tomchi shaklidagi pervanel pichog'i
O'n oltita taniqli yulduz
O'n ikki Belgilangan soyali yulduz
Qalin sakkiz qirrali to'g'ri chiziqli soyali yulduz
Olti burchakli yulduz
Sakkiz qirrali to'g'ri chiziqli soyali yulduz
Sakkizta soya qilingan yulduz
Sakkiz qirrali shoxcha
Ochiq markazga ega yulduzcha
Yog'li yulduzcha
To'rtta tanlangan yulduzsiz yulduz
To'rt qirrali bo'yalgan yulduz
Doira ichida yulduzcha
Bir doira ichida qor parchasi
soat vaqti
Soat
Soat
Qum soat
Qum soat

Ayrim maxsus belgilarni ishlatish holatlari, shu jumladan kesilmaydigan bo'sh joy va yumshoq chiziqcha

Agar siz jadvalni biroz o'rganib chiqqan bo'lsangiz, yuqorida men aytgan so'zlarning tasdig'ini oldingiz, barcha maxsus belgilarni ko'rsatish uchun raqamli kod () yoki uning alifbo analogi (ramziy mnemonika) ishlatiladi, bu erda panjara va raqamlarning kombinatsiyasi o'rniga harflar () yoziladi.

Keling, ushbu kodlarni qachon qo'llash kerakligini ko'rib chiqaylik. Aytaylik, maqolada siz ma'lumot berish uchun ba'zi HTML yorliqlarini ko'rsatishingiz kerak, masalan,

. Agar siz klaviaturadan burchakli qavslarni tersangiz (va bunday imkoniyat mavjud bo'lsa), brauzer bunday dizaynni oddiy matn sifatida emas, balki ochilish yorlig'i sifatida qabul qiladi.

Shuning uchun, bir xil HTML maxsus belgilar jadvalidan biz tegishli kodlarni olamiz va butun yozuv quyidagicha bo'ladi:

Bundan tashqari, brauzerda ampersand belgisini emas, balki uning nomini ko'rsatish shakl

, jadvalga uning kodini kiritish kerak:

   & amplt; altbilgisi & ampgt;

Keyin brauzer FOOTER yorlig'ini namoyish qilish uchun ishlatilishi kerak bo'lgan mnemoniklarni aniq namoyish etadi. Bir oz chalkash, ammo ushbu sahifada siz HTML maydonidagi mos keladigan belgilar uchun mnemonikalarni kiritib, "Ishga tushirish" tugmachasini bosib, ushbu jihatni bajarishingiz mumkin va natijada siz ularning brauzerda namoyish etilishining natijasini olasiz:


Esda tutingki, men allaqachon aytib o'tilgan BR yorlig'i yordamida matnni o'rashni ta'minladim, shunda belgilar o'zlari qulay bo'lishi uchun bir satrda emas, balki ustunda ko'rsatiladi.

Oldinga boring. Ba'zida matnda turli xil satrlarda ajratish kerak bo'lmagan kombinatsiyalar mavjud. "1000 rubl" deb ayting. Yuqori chiziqda qoldirish mantiqan to'g'ri keladi yoki agar bo'sh joy bo'lmasa, butun tuzilmani quyidagi chiziqqa o'tkazing.

Bu, ayniqsa, foydalanuvchilar turli xil ekran kengliklariga ega qurilmalarni, shu jumladan mobil qurilmalarni ishlatganda to'g'ri keladi. Darhaqiqat, bu holda veb-brauzer matnni yangi sharoitlarga moslashtirib formatlaydi. Agar matn standart monitor o'lchamlari bilan to'g'ri ko'rinadigan bo'lsa, ular o'zgartirilganda hamma narsa o'zgarishi mumkin.

Ushbu holatlar uchun hTML ajralmas joymen allaqachon aytib o'tgan edim. Eslatib o'taman, bu holda kosmik kod bu:

Va u ulanishi kerak bo'lgan ikkita belgilar to'plami orasida joylashtirilishi kerak:

1000 rub

Endi brauzer hech qachon ularni ajratishni amalga oshirmaydi, hatto uni to'g'ri ko'rsatish uchun matn formatlash kerak bo'lsa ham.

Shuningdek, juda uzun so'z bo'sh joyga to'g'ri kelmaydigan va siz uning bir qismini topshirishni xohlaydigan vaziyat mavjud. Agar kerak bo'lsa, bu holda yangi qatorga o'ralishni qanday aniqlash mumkin? Buning uchun u bor yumshoq-transfer maxsus belgi  - so'z buzilishi kerak bo'lgan joyga joylashtirilishi kerak bo'lgan:

Uzun, uzun, uzun, uzun so'z

Agar so'zni uzatishni talab qiladigan vaziyat yuzaga kelsa, unda yumshoq defisatsiya mnemoniklari joylashgan joyda bo'shliq paydo bo'ladi, u erda chiziqcha (defis) paydo bo'ladi va bu so'zning qolgan qismi keyingi satrda ko'rinadi.

Shunga qaramay, yana bularning barchasi amalda shaxsan kuzatib borish uchun foydalidir, shu jumladan uzib bo'lmaydigan va yumshoq uzatish misollari


Ushbu tahrirlovchining oynasida sichqonchaning chap tugmachasi bilan ushlash va kenglikni kamaytirish uchun chapga tortib, "Natija" ko'rish maydonini o'zgartirishingiz mumkin. Keyin brauzer uni to'g'ri ko'rsatish uchun tarkibni qayta formatlashni boshlaganda, haqiqiy vaziyat yuzaga keladi.

Va o'tkazish men tasvirlab bergan misollarda keltirilgan. Biroq, o'zingiz o'zingiz ko'rish oynasini siljitishingiz, uni kengaytirishingiz, torayishingiz va vizual tekshirishingiz mumkin.

Sizga maqola yoqdimi? Do'stlar bilan baham ko'ring: