Katta ortiqcha belgisi. HTML maxsus belgilar. Ba'zi maxsus belgilardan foydalanish holatlari, jumladan, uzilmaydigan bo'shliq va yumshoq chiziqcha

HTML maxsus belgilar - bu matn fayllarida ishlatiladigan belgilar to'plamidagi belgilarga ishora qiluvchi maxsus til konstruktsiyalari. Jadvalda klaviatura yordamida HTML hujjatining manba kodiga qo'shib bo'lmaydigan zahiradagi va maxsus belgilar ro'yxati ko'rsatilgan:

  • klaviatura yordamida kiritib bo'lmaydigan belgilar (masalan, mualliflik huquqi belgisi)
  • belgilash uchun mo'ljallangan belgilar (masalan, katta yoki kichik belgi)

Bunday belgilar raqamli kod yoki nom yordamida qo'shiladi.

BelgiRaqamli kodBelgi nomiTavsif
" " " tirnoq belgisi
" " " apostrof
& & & ampersand
< < belgisidan kamroq
> > > ko'proq belgi
uzilmaydigan bo'shliq (Uzilishi mumkin bo'lmagan bo'shliq - bu chiziq ichida oddiy bo'shliq sifatida paydo bo'ladigan, lekin bu nuqtada ko'rsatish va chop etish dasturlariga chiziqni buzishga ruxsat bermaydigan bo'shliq.)
¡ ¡ ¡ teskari undov belgisi
¢ ¢ ¢ sent
£ £ £ funt.
¤ ¤ ¤ valyutalar
¥ ¥ ¥ yen
¦ ¦ ¦ singan vertikal bar
§ § § Bo'lim
¨ ¨ ¨ interval (kirill)
© mualliflik huquqi belgisi
ª ª ª ayol tartib koʻrsatkichi
« « « Frantsuz tirnoqlari (herringbone) - chapda
¬ ¬ ¬ inkor – ifodalar
® ® ® ro'yxatga olingan tovar belgisi
¯ ¯ ¯ makron oralig'i
° ° ° daraja
± ± ± ortiqcha yoki minus
² ² ² ustun belgisi 2
³ ³ ³ ustun belgisi 3
´ ´ ´ keskin interval
µ µ µ mikro
paragraf
· · · o'rta nuqta
¸ ¸ ¸ sedilla oralig'i
¹ ¹ ¹ ustun belgisi 1
º º º erkak tartib ko‘rsatkichi
» » » Fransuz tirnoqlari (herringbone) - o'ng
¼ ¼ ¼ 1/4 qism
½ ½ ½ 1/2 qism
¾ ¾ ¾ 3/4 qism
¿ ¿ ¿ teskari savol belgisi
× × × ko'paytirish
÷ ÷ ÷ bo'linish
́ ́ ta'kidlash
ΠΠΠbosh harf OE
œ œ œ kichik ligature oe
Š Š Š toj bilan S
š š š toj bilan kichik S
Ÿ Ÿ Ÿ tiara bilan Y bosh harfi
ƒ ƒ ƒ f ilgak bilan
ˆ ˆ ˆ dikriatik aksent
˜ ˜ ˜ kichik tilda
- chiziqcha
tire
chap yagona tirnoq
to'g'ri yagona tirnoq
pastki bitta tirnoq
qo'sh tirnoq qo'ydi
o'ng qo'sh tirnoq
pastki juft tirnoq
xanjar
qo'sh xanjar
. o'q
gorizontal ellips
ppm (minglik)
daqiqa
soniya
bitta chap burchakli iqtibos
bitta o'ng burchakli iqtibos
ustiga chizish
evro
™ yoki savdo belgisi
chap strelka
yuqoriga strelka
o'ng strelka
strelka pastga
qo'sh o'q
aravachani qaytarish strelkasi
yuqori chap burchak
yuqori o'ng burchak
pastki chap burchak
pastki o'ng burchak
romb
cho'qqilari
kesib o'tish
qurtlar
olmoslar

HTML-da qo'llab-quvvatlanadigan matematik belgilar

BelgiRaqamli kodBelgi nomiTavsif
har kim uchun, hamma uchun
Qism
mavjud
bo'sh to'plam
Hamilton operatori (nabla)
to'plamga tegishli
to'plamga tegishli emas
yoki
ish
so'm
minus
ko'paytirish yoki operator konjugati
× × &vaqt ko'paytirish belgisi
Kvadrat ildiz
mutanosiblik
cheksizlik
ko'plik
burchak
Va
yoki
chorraha
ittifoq
integral
Shunung uchun
kabi
solishtirish mumkin
taxminan teng
teng emas
xuddi shunday
kamroq yoki teng


kamroq yoki teng
ko'proq yoki teng


ko'proq yoki teng
pastki to'plam
supersetlar
pastki to'plam emas
pastki to'plam
superset
to'g'ridan-to'g'ri miqdor
mustahkamlovchi mahsulot
perpendikulyar
nuqta operatori

Yunon va kopt alifbolari

Belgi Raqamli kod Hex kod Belgi nomi
Ͱ Ͱ Ͱ
ͱ ͱ ͱ
Ͳ Ͳ Ͳ
ͳ ͳ ͳ
ʹ ʹ ʹ
͵ ͵ ͵
Ͷ Ͷ Ͷ
ͷ ͷ ͷ
ͺ ͺ ͺ
ͻ ͻ ͻ
ͼ ͼ ͼ
ͽ ͽ ͽ
; ; ;
΄ ΄ ΄
΅ ΅ ΅
Ά Ά Ά
· · ·
Έ Έ Έ
Ή Ή Ή
Ί Ί Ί
Ό Ό Ό
Ύ Ύ Ύ
Ώ Ώ Ώ
ΐ ΐ ΐ
Α Α Α Α
Β Β Β Β
Γ Γ Γ Γ
Δ Δ Δ Δ
Ε Ε Ε Ε
Ζ Ζ Ζ Ζ
Η Η Η Η
Θ Θ Θ Θ
Ι Ι Ι Ι
Κ Κ Κ Κ
Λ Λ Λ Λ
Μ Μ Μ Μ
Ν Ν Ν Ν
Ξ Ξ Ξ Ξ
Ο Ο Ο Ο
Π Π Π Π
Ρ Ρ Ρ Ρ
Σ Σ Σ Σ
Τ Τ Τ Τ
Υ Υ Υ Υ
Φ Φ Φ Φ
Χ Χ Χ Χ
Ψ Ψ Ψ Ψ
Ω Ω Ω Ω
Ϊ Ϊ Ϊ
Ϋ Ϋ Ϋ
ά ά ά
έ έ έ
ή ή ή
ί ί ί
ΰ ΰ ΰ
α α α α
β β β β
γ γ γ γ
δ δ δ δ
ε ε ε ε
ζ ζ ζ ζ
η η η η
θ θ θ θ
ι ι ι ι
κ κ κ κ
λ λ λ λ
μ μ μ μ
ν ν ν ν
ξ ξ ξ ξ
ο ο ο ο
π π π π
ρ ρ ρ ρ
ς ς ς ς
σ σ σ σ
τ τ τ τ
υ υ υ υ
φ φ φ φ
χ χ χ χ
ψ ψ ψ ψ
ω ω ω ω
ϊ ϊ ϊ
ϋ ϋ ϋ
ό ό ό
ύ ύ ύ
ώ ώ ώ
Ϗ Ϗ Ϗ
ϐ ϐ ϐ
ϑ ϑ ϑ ϑ
ϒ ϒ ϒ ϒ
ϓ ϓ ϓ
ϔ ϔ ϔ
ϕ ϕ ϕ ϕ
ϖ ϖ ϖ ϖ
ϗ ϗ ϗ
Ϙ Ϙ Ϙ
ϙ ϙ ϙ
Ϛ Ϛ Ϛ
ϛ ϛ ϛ
Ϝ Ϝ Ϝ Ϝ
ϝ ϝ ϝ ϝ
Ϟ Ϟ Ϟ
ϟ ϟ ϟ
Ϡ Ϡ Ϡ
ϡ ϡ ϡ
Ϣ Ϣ Ϣ
ϣ ϣ ϣ
Ϥ Ϥ Ϥ
ϥ ϥ ϥ
Ϧ Ϧ Ϧ
ϧ ϧ ϧ
Ϩ Ϩ Ϩ
ϩ ϩ ϩ
Ϫ Ϫ Ϫ
ϫ ϫ ϫ
Ϭ Ϭ Ϭ
ϭ ϭ ϭ
Ϯ Ϯ Ϯ
ϯ ϯ ϯ
ϰ ϰ ϰ ϰ
ϱ ϱ ϱ ϱ
ϲ ϲ ϲ
ϳ ϳ ϳ
ϴ ϴ ϴ
ϵ ϵ ϵ ϵ
϶ ϶ ϶ ϶
Ϸ Ϸ Ϸ
ϸ ϸ ϸ
Ϲ Ϲ Ϲ
Ϻ Ϻ Ϻ
ϻ ϻ ϻ
ϼ ϼ ϼ
Ͻ Ͻ Ͻ
Ͼ Ͼ Ͼ
Ͽ Ͽ Ͽ

Nima uchun maxsus belgilar kerak va ulardan qanday foydalanish kerak

Aytaylik, siz o'z sahifangizdagi ba'zi tegni tasvirlashga qaror qildingiz, ammo brauzer belgilardan foydalanadi< и >Tegning boshi va oxiri kabi, ularni HTML kodingiz tarkibiga qo'llash muammolarga olib kelishi mumkin. Lekin HTML bu va boshqa maxsus belgilarni oddiy qisqartmalar yordamida aniqlashning oson usulini beradi belgilarga havolalar.

Keling, bu qanday ishlashini ko'rib chiqaylik. Maxsus deb hisoblangan yoki veb-sahifangizda foydalanmoqchi bo'lgan, lekin muharriringizda chop qilib bo'lmaydigan har bir belgi uchun (masalan, mualliflik huquqi belgisi) siz qisqartmani topasiz va uni kerakli belgi o'rniga HTML kodida chop etasiz. . Masalan, ">" belgisi uchun qisqartma > , va belgisi uchun "<" - < .

Aytaylik, siz “Element juda muhim" sahifasida. Buning o'rniga, yozuvni to'g'ri ko'rsatish uchun kerakli belgilarga havolalardan foydalanishingiz kerak bo'ladi va oxirida koddagi yozuvingiz quyidagicha ko'rinishi kerak:

Element juda muhim

Sinab ko'ring »

Siz bilishingiz kerak bo'lgan yana bir maxsus belgi & (ampersand) belgisidir. Agar siz uning HTML sahifangizda paydo boʻlishini istasangiz, & belgisi oʻrniga & havolasidan foydalaning.

Maxsus belgilar - bu klaviaturada ko'rsatilmagan va UNICODE yoki boshqa metall til yordamida kodlangan texnik belgilar. Maxsus belgilar guruhlarga bo'linadi: matematik, yunon alifbosi, ISO 8859-1 va boshqalar. Nima uchun ular kerak va ulardan qanday foydalanish kerak, maqolada batafsilroq o'qing.

Hujjatlarni yozishda maxsus belgilardan foydalanish

Foydalanish quyidagi maqsadlarda amalga oshiriladi:

  1. Maqolaga to'liqlik va estetikani berish. Maxsus belgilar o'lchovli qiymatlarni tezda tushunishga yoki lotin yoki yunon tillarida tarixiy nomni o'qishga yordam beradi.
  2. Ba'zi elementlar hujjatning to'g'ri tartibini ta'minlaydi. Masalan, "" va "" har xil, birinchisi standart vositalar bilan, boshqalari esa maxsus belgilar orqali uzatiladi.
  3. Matematik hujjatlarning tuzilishi elementlarning asosiy guruhlarini bilmasdan amalga oshirilmaydi.

Asosiy belgilar

Material sizga matnga tez kiritish uchun tegishli kodlashda maxsus belgilarni topishga imkon beradi.

Tashqi ko'rinish Belgilanish HTML kodi CSS kodi
Qordan odam \2603
Pravoslav xochi \2626
Anchor \2693
Telefon belgisi \2706
Telefon \260E
Issiq ichimliklar \2615
Pastga qaragan qalam \270E
Qalam \270F
O'ngga yuqoriga qaragan qalam \2710
Bo'sh uchi \2711
To'ldirilgan qalam uchi \2712
fleur-de-lis \269C
Oq xochli dubulg'a \26D1
Chizilgan oq yulduz \269D
Qor parchasi \2744
Soyali jasur yurak \2764
Yomg'irlar bilan burmalangan qor parchasi \2745
Yog 'o'tkir burchakli qor parchasi \2746
Soyali yulduz \2605
Bo'sh yulduz \2606
To'ldirilgan doira ichida to'ldirilmagan yulduz \272A
Ichida ochiq doira bilan to'ldirilgan yulduz \272B
Aylanuvchi yulduz \272F
Sharsimon uchli yulduz \2749
Qalin sakkiz qirrali tomchi shaklidagi yulduz parvona \274B
Markazi bo'sh bo'lgan yulduzcha \2732
Quyosh nurlari bilan bo'yalgan \2600
Bulutlar \2601
Soyabon \2602
Kvadratga belgi qo'ying \2611
Kvadratda xoch \2612
Qoshlarini chimiruvchi kulgich \2639
Tabassum emotsikasi \263A
Soyali kuluvchi kulgich \263B
O'roq va bolg'a \262D
To'ldirilgan bayroq \2691
Bo'sh bayroq \2690
Trigramma \2630
Bo'yalgan gul \273f
Bo'sh gul \2740
Olti gulbargli gul \273E
Rangli chizilgan gul \2741
Nuqtalardan yasalgan gul \2742
Konvert \2709
Gul shaklida yurak \2766
1 raqami \2776
2 raqami \2777
3 raqami \2778
4 raqami \2779
5 raqami \277A
6 raqami \277B
7 raqami \277C
8 raqami \277D
9 raqami \2792
10 raqami \2793
Qalin ko'paytirish belgisi \2716
Qalin xoch \2718
Qalin tasdiq belgisi \2714
Yog 'xoch \271A
Atom belgisi \269B
Qayta ishlash belgisi \267A
Pastki o'ng soyali to'ldirilmagan kvadrat \2751
Yuqori o'ng soyali to'ldirilmagan kvadrat \2752
Ramkadagi olmos \25C8
Chap yarmi to'ldirilgan doira \25D0
O'ng yarmi to'ldirilgan doira \25D1
Uch yulduz \2042

Tinish belgilari

Tashqi ko'rinish Belgilanish HTML kodi CSS kodi
< Kamroq belgisi (teg boshi) < \003C
> Belgidan kattaroq (teg oxiri) > \003E
« Chap ikki burchakli qavs « \00AB
» To'g'ri ikki burchakli qavs » \00BB
Chap burchakdagi bitta tirnoq \2039
O'ng burchakdagi bitta tirnoq \203A
« Ikkita tirnoq " \0022
Yagona zarba \2032
Ikki marta urish \2033
Chapdagi bitta tirnoq \2018
To'g'ri yagona tirnoq \2019
Pastki bitta tirnoq \201A
Chap ikki tirnoq \201C
O'ng qo'sh tirnoq \201D
Pastki ikki tirnoq \201E
Qalin bitta bosh vergul \275C
Qalin bitta aylantirilgan yuqori vergul \275B
& Ampersand & \0026
Apostrof (bitta tirnoq) " \0027
§ Paragraf § \00A7
© Mualliflik huquqi belgisi \00A9
¬ Rad etish belgisi ¬ \00AC
® Ro'yxatdan o'tgan tovar belgisi ® \00AE
¯ Makron ¯ \00AF
° Daraja ° \00B0
± Plyus yoki minus ± \00B1
¹ Yuqori belgi "1" ¹ \00B9
² Yuqori belgi "2" ² \00B2
³ Yuqori belgi "3" ³ \00B3
¼ Bir chorak ¼ \00BC
½ Yarim ½ \00BD
¾ Uch chorak ¾ \00BE
´ Urg'u belgisi ´ \00B4
µ Mikro µ \00B5
Paragraf belgisi \00B6
· Ko'paytirish belgisi · \00B7
¿ Teskari savol belgisi ¿ \00BF
ƒ Florin belgisi ƒ \0192
Savdo belgisi belgisi \2122
Ro'yxat belgisi . \2022
Ellips \2026
Ustiga chizish \203E
Em tire - \2013
- Em tire \2014
ppm \2030
} To'g'ri jingalak qavs } \007D
{ Chap jingalak qavs { \007B
= Teng belgisi = \003D
Tengsizlik belgisi \2260
Muvofiqlik (geometrik tenglik) \2245
Deyarli teng \2248
Kichikroq yoki teng \2264
Kattaroq yoki teng \2265
Burchak \2220
Perpendikulyar (yuqoridagi tugma) \22A5
Kvadrat ildiz \221A
N-ariy yig'indisi \2211
Integral \222B
Izoh belgisi \203B
÷ Bo'linish belgisi ÷ \00F7
Cheksizlik belgisi \221E
@ It belgisi @ \0040
[ Chap kvadrat qavs [ \005B
] O'ng kvadrat qavs ] \005D

Oklar

Tashqi ko'rinish Belgilanish HTML kodi CSS kodi
Chap strelka \2190
Yuqoriga o'q \2191
O'ng strelka \2192
Pastga strelka \2193
Chap-o'ng strelka \2194
Pastga va chapga o'q - aravachani qaytarish belgisi \21B5
Ikki chap strelka \21D0
Ikki marta yuqoriga o'q \21D1
Ikki strelka o'ngga \21D2
Ikki marta pastga o'q \21D3
Ikki marta chapga-o'ngga strelka \21D4
Uchar o'q \27A0
Ok uchi \27A4
Pastga va o'ngga qaragan egri strelka \27A5
Yuqoriga va o'ngga qaragan egri strelka \27A6
O'ngga o'q \27B3
\21BA
Soat miliga teskari uchi bilan dumaloq strelka \21BB
Qalin chuqur o'q \21E7
Kancali chap strelka \21A9
Pastga egilgan strelka \27AB
To'ldirilgan pastga strelka \2B07
Yuqoriga to'ldirilgan strelka \2B06

Karta kostyumlari, zodiak belgilari va valyuta piktogrammalari

Tashqi ko'rinish Belgilanish HTML kodi CSS kodi
"Kelaklar" \2660
"Klublar" \2663
"Yuraklar" \2665
"Olmoslar" \2666
"Yuraklar" konturi \2661
"Tamburinlar" konturi \2662
Cho'qqilar konturi \2664
"Klublar" tavsifi \2667
¢ sent ¢ \FFE0
£ GBP £ \FFE1
rus rubli \20BD
¥ Yen yoki Yuan ¥ \00A5
evro \20AC
$ Dollar $ \0024
Grivna belgisi \20B4
Hindiston rupisi \20B9
CNY \5713
Qozog‘iston tengesi \20B8
Qo'y \2648
Toros \2649
Egizaklar \264A
Saraton \264B
sher \264C
Bokira \264D
Tarozilar \264E
Chayon \264F
Sagittarius \2650
Uloq \2651
Kova \2652
Baliq \2653

yunon alifbosi

Xat kichik harf bosh harflar
ramzi html kodi ramzi html kodi
alfa α α Α Α
beta β β Β Β
gamma γ γ Γ Γ
delta δ δ Δ Δ
epsilon ε ε Ε Ε
zeta ζ ζ Ζ Ζ
bu η η Η Η
teta θ θ Θ Θ
yota ι ι Ι Ι
kappa κ κ Κ Κ
lambda λ λ Λ Λ
mu μ μ Μ Μ
yalang'och ν ν Ν Ν
xi ξ ξ Ξ Ξ
omikron ο ο Ο Ο
pi π π Π Π
ro ρ ρ Ρ Ρ
sigma σ σ Σ Σ
yakuniy sigma ς ς
tau τ τ Τ Τ
upsilon υ υ Υ Υ
fi φ φ Φ Φ
he χ χ Χ Χ
psi ψ ψ Ψ Ψ
omega ω ω Ω Ω

Amalda qanday foydalanish kerak


CMS-dan qat'i nazar, maqola qo'shish vizual muharrir va HTML versiyasi yordamida amalga oshiriladi. Kodlashdagi barcha maxsus belgilar faqat ikkinchi holatda kiritilishi mumkin. Asboblardan to'g'ri foydalanish uchun kod va tashqi tasvirni ko'rsatadigan jadvallarga e'tibor berish tavsiya etiladi.

E'tibor bering, agar siz maqolaning vizual tasviriga belgi qo'ysangiz, element HTML-dagi tegishli kodga aylantiriladi. Ma'lumotni qo'lda kiritishda, yakuniy natijaga ta'sir qiladigan ishni ko'rib chiqing.

Mashinada yozilgan matn bosma belgilar - grafik belgilardan iborat.
Grafik belgilar matnda ko'rinadigan displeyga ega bo'lgan belgilardir.
Barcha grafik belgilar yagona universal Unicode tizimi to'plamida to'plangan.
HTML hujjatiga Unicode grafik belgisini kiriting
- bu jadvalning asosiy va yagona maqsadi.

Belgini HTML hujjatiga quyidagi usullardan biri bilan kiritishingiz mumkin:

  1. ramz tasvirini brauzer oynasidan vizual html muharriringiz oynasiga nusxalang
  2. belgining html kodini to'g'ridan-to'g'ri html hujjatining kodiga ko'chiring
Iltimos, bu ikki xil usul ekanligini tushuning:
  1. ingl. ingl
  2. kodga kodni kiriting.

Belgining shrifti, uning o'lchami va HTMLdagi rangi quyidagi kod bilan o'rnatilishi mumkin:
CHARACTER_CODE
Qayerda,
Arial - shrift,
10px - piksellardagi shrift o'lchami,
#ff0000 - shrift rangi kodi (qizil)

Masalan:
☎ - belgilar shrifti hajmi 30px,
☎ - belgi shrift hajmi 30px, rangi - qizil
☎ - belgilar shrifti hajmi 20px,
☎ - belgi shrift hajmi 10px.
Eslatma Maxsus belgilarni kiritish uchun tavsiya etilgan shriftlar: Arial, Verdana va Tahoma. Ushbu shriftlar Unicode belgilarini to'g'ri ko'rsatadi va o'zlari veb-ilovalar tomonidan to'g'ri qo'llab-quvvatlanadi.

  1. "ramz"
    (ko'rinadigan belgi ekrani)
    Ushbu ustundan siz belgi tasvirini nusxalashingiz va uni html matn muharriri oynasiga joylashtirishingiz mumkin. Belgi 20px shrift o'lchami bilan ko'chiriladi. Nusxalash tugallangandan so'ng, shrift o'lchamini to'g'ridan-to'g'ri nusxalangan belgiga moslashtirish kerak bo'lishi mumkin.
  2. "Ism"
    (faqat muhim yoki tushunarsiz belgilar uchun)
    Belgining maqsadini tushuntirish, uning qamrovi, misollar...
  3. "Mnemonika"
    Mnemonika - bu HTML-dagi belgining alifbo kodini bildiruvchi "" shaklining alifbo tartibida tuzilishi. U to'g'ridan-to'g'ri html hujjatining html kodiga kiritiladi. Mnemonika professional maket dizaynerlari orasida juda mashhur. Ular odamlar tomonidan mukammal yodlanadi va barcha html ilovalari tomonidan qoʻllab-quvvatlanadi.Har bir mnemonika oʻz belgisining alifbo nomini (belgisini) va xizmat belgisini (&) oʻz ichiga oladi, bu brauzer kodni oʻqish uchun signal boʻlib xizmat qiladi va monitor ekranida koʻrsatilmaydi. Har bir mnemonika noyob va o'qish oson, chunki u ramzni tavsiflovchi inglizcha so'zdan olingan.

    Mnemonika (yunoncha) - biror narsani eslab qolish san'ati. Mnemotexnika yodlash ob'ektini biror narsa bilan assotsiativ holatga keltirganda, eslab qolish qiyin bo'lgan ma'lumotlarni idrok etishni osonlashtirish uchun ishlatiladi.

  4. "Kod"
    Kod - HTML-dagi belgilarning raqamli kasr kodi, masalan &. To'g'ridan-to'g'ri html hujjatning html kodiga kiritiladi. O'nlik kod Unicode tizimidagi belgining seriya raqamini ko'rsatadigan raqam va bir nechta xizmat belgilaridan (& va #) iborat bo'lib, ular brauzer uchun kodni o'qish uchun signal bo'lib xizmat qiladi va monitor ekranida ko'rsatilmaydi. O'nli kod ko'p qirrali va idrok etish qulayligi tufayli keng qo'llaniladi va qo'llaniladi.

HTML (XHTML) da boshqaruv belgilari

HTML (XHTML) dagi boshqaruv belgilari bu veb-sahifaning HTML tartibida qo'llaniladigan HTML tilining xizmat belgilaridir. Har qanday brauzer ushbu belgilarni qo'llab-quvvatlashi kerak, chunki ularsiz HTML matnini to'g'ri ko'rsatish mumkin emas. Boshqaruv belgilari matnda ko‘rsatilmaydi va bevosita klaviaturadan kiritilganda brauzer tomonidan sahifa ekranga chizilganda ba’zi harakatlarni bajarishga chaqiruvchi tinish belgilari sifatida talqin etiladi.

Oddiy matnlarda boshqaruv belgilaridan foydalanishga ruxsat beriladi, ular universal tushunchalarni ifodalaydi va brauzer tomonidan oddiy tipografik belgilar sifatida talqin etiladi. HTML matnlarida xizmat belgilaridan shu tarzda foydalanilganda, belgining qiymatini emas, balki uning HTML kodini kiritish kerak. Chunki, takror aytaman, aks holda brauzer xizmat belgisini harakatga chaqiruv sifatida qabul qiladi va monitor ekranida HTML matnini to‘g‘ri ko‘rsatmaydi.

Boshqaruv belgilari va ularning HTML kodi istisnosiz barcha brauzerlar tomonidan ma'lum va tushuniladi, afsuski, turli brauzerlarda noto'g'ri ko'rsatilishi mumkin bo'lgan yoki undan ham yomoni, umuman ko'rsatilmaydigan boshqa belgilar haqida aytib bo'lmaydi.

Sintaksis va tinish belgilari

N uzunlikdagi bo'shliq (normal bo'shliq)
M uzunlikdagi fazo (uzun fazo)
- yumshoq chiziqcha (bosib bo'lmaydigan belgi) - ­
defis –
- N uzunlikdagi chiziqcha (odatiy chiziqcha) -
M uzunlikdagi chiziqcha (em tire)
. nuqta .
, vergul ,
ellips …
: yo'g'on ichak :
; nuqta-vergul ;
! undov belgisi !
ǃ
? savol belgisi ?
@ "it" @
* "Yulduz" *
# "panjara" #
bitta yuqori chap tirnoq ‘
bitta yuqori o'ng tirnoq ’
bitta pastki o'ng tirnoq ‚
ikki yuqori chap iqtibos “
ikkita yuqori o'ng tirnoq ”
ikkita pastki o'ng tirnoq &bdquo „
« chap burchakdagi qo'sh qo'shtirnoq (rus) « «
» ikki o'ng burchakdagi qo'shtirnoq (rus) » »
́ urg'u belgisi, misol: Vasya ́
" apostrof, misol: Siz"I "
´ o'tkir, misol: Vasya ´ ´
paragraf (bosib bo'lmaydigan belgi)
§ paragraf § §
ˆ urg'u (teskari qush) ˆ ˆ
ˆ
˜ kichik tilda ˜ ˜
˜
¦ vertikal nuqta chiziq ¦ ¦
( chap qavs (
) o'ng qavs )
chap burchakli qavs
to'g'ri burchakli qavs
chap burchakli qavs, variant
to'g'ri burchakli qavs, variant
[ chap kvadrat qavs [
] o'ng kvadrat qavs ]
/ slash - slash belgisi /
\ teskari chiziq \
qiyshiq chiziq (bo'lish belgisi)
ǀ vertikal bar ǀ
ǁ ikki tomonlama vertikal bar ǁ
ustiga chizish, misol: Vasya‾vasya
¯ makron, misol: Vasya¯vasya ¯ ¯

Savdo belgilari va valyuta

+ ortiqcha + +
minus -
= teng =
± ortiqcha yoki minus ± ±
× ko'paytirish belgisi × ×
÷ bo'linish belgisi ÷ ÷
nuqta operatori (satr o'rtasida) ·
yulduzcha operatori (satr o'rtasida)
tilda operatori
. ro'yxat belgisi (satr o'rtasi) . •
¹ ustun belgisi "1" ¹ ¹
² ustun belgisi "2" ² ²
³ ustun belgisi "3" ³ ³
HTML (XHTML) da yuqori va pastki chiziq
teglar yordamida kiritilishi mumkin Va , mos ravishda:
NUMBER Yuqori yozuv→ NUMBER ustki belgisi
NUMBER Subscript→ NUMBER subscript
½ kasr "bir yarim" ½ ½
kasr "uchdan bir"
¼ kasr "to'rtdan bir" ¼ ¼
¾ kasr "to'rtdan uch" ¾ ¾
raqam belgisi
% foiz %
ppm ‰
° daraja ° °
asosiy (daqiqa, fut)
ikki barobar (soniya, dyuym)
1-misol: 30° 25′ 12″
2-misol: 25′ 12
µ mikro µ µ
π Pi π π
ƒ funktsiya belgisi
("integral" bilan adashtirmaslik kerak)
ƒ ƒ
ƒ
integral
noldan o'tgan, bo'sh to'plam
("diametr" bilan adashtirmaslik kerak)
diametri (chizilgan lotincha "o" bilan adashtirmaslik kerak)
ø Lotincha "o" diagonali chizilgan ø ø
Ø Lotin kapitali "O" diagonali chizilgan Ø Ø
ish belgisi
yig'ish belgisi
radikal
(kvadrat ildiz yoki x ildiz)
mutanosib ravishda
cheksizlik
burchak
ortogonal (perpendikulyar)
"shuning uchun" belgisi
taxminan teng
deyarli teng
teng emas
xuddi shunday
kamroq yoki teng
ko'proq yoki teng
mantiqiy VA
mantiqiy OR
doira ichida ortiqcha belgisi
(to'g'ridan-to'g'ri miqdor)
aylanada ko'paytirish belgisi
(ko'paytma, kuzatuvchidan o'q)
ʘ doira ichida nuqta
(kuzatuvchiga o'q)
ʘ

✵ ✵

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, biz matn muharririda yozgan she'rdan bir nechta satrlarni matnga kiritishimiz kerak:

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 boshlashimiz va kerakli shaklda formatlashimiz bilanoq tanishamiz. 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 ushbu kodni osongina tahrirlash mumkin. Endi uni matn bo'limiga ega bo'lmagan bir xil kod bilan solishtiring:

Xuddi shu tarzda, bo'sh joy belgilaridan foydalanib, siz vizual ravishda aniq va hazm bo'ladigan CSS qoidalarini yozishingiz mumkin:


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:

ramzi kod mnemonika tavsifi
buzilmaydigan bo'shliq
tor bo'shliq (en-n harfi sifatida)
keng bo'shliq (em-kengligi m harfi kabi)
- chiziqcha (en-tire)
- tire (em tire)
­ - ­ yumshoq uzatish
A ́ stress "stress" harfidan keyin qo'yiladi
© © mualliflik huquqi
® ® ® ro'yxatga olingan tovar belgisi
savdo belgisi belgisi
º º º Marsning nayzasi
ª ª ª Venera oynasi
ppm
π π π pi (Times New Roman-dan foydalaning)
¦ ¦ ¦ vertikal nuqta chiziq
§ § § paragraf
° ° ° daraja
µ µ µ mikro belgisi
paragraf belgisi
ellips
ustiga chizish
´ ´ ´ urg'u belgisi
raqam belgisi
🔍 🔍 Kattalashtiruvchi oyna (chapga egilgan)
🔎 🔎 Kattalashtiruvchi oyna (o'ngga egilgan)
arifmetik va matematik amallarning belgilari
× × × ko'paytirmoq
÷ ÷ ÷ bo'lmoq
< < Ozroq
> > > Ko'proq
± ± ± ortiqcha/minus
¹ ¹ ¹ 1 daraja
² ² ² 2 daraja
³ ³ ³ daraja 3
¬ ¬ ¬ inkor qilish
¼ ¼ ¼ chorak
½ ½ ½ yarim
¾ ¾ ¾ to'rtdan uch
kasr nuqtasi
minus
kamroq yoki teng
ko'proq yoki teng
taxminan (deyarli) teng
teng emas
xuddi shunday
kvadrat ildiz (radikal)
cheksizlik
yig'ish belgisi
ish belgisi
qisman differentsial
integral
hamma uchun (faqat qalin bo'lsa ko'rinadi)
mavjud
bo'sh to'plam
Ø Ø Ø diametri
tegishli
tegishli emas
o'z ichiga oladi
kichik to‘plamdir
superset hisoblanadi
pastki to'plam emas
kichik to‘plam yoki unga teng
superset yoki tengdir
ortiqcha doira ichida
aylanada ko'paytirish belgisi
perpendikulyar
burchak
mantiqiy VA
mantiqiy OR
chorraha
ittifoq
valyuta belgilari
evro
¢ ¢ ¢ sent
£ £ £ Funt
¤ ¤t; ¤ Valyuta belgisi
¥ ¥ ¥ Yen va Yuan belgisi
ƒ ƒ ƒ Florin belgisi
belgilar
. oddiy marker
doira
· · · o'rta nuqta
kesib o'tish
ikki tomonlama xoch
cho'qqilari
klublar
yuraklar
olmoslar
romb
qalam
qalam
qalam
qo'l
iqtiboslar
" " " qo'sh tirnoq
& & & ampersand
« « « chap tipografik tirnoq belgisi (baliq suyagi tirnoq belgisi)
» » » o'ng tipografik tirnoq belgisi (baliq suyagi tirnoq belgisi)
bitta burchakli tirnoq ochilishi
bitta burchakli tirnoqni yopish
asosiy (daqiqa, fut)
ikki barobar (soniya, dyuym)
yuqori chapdagi bitta tirnoq
yuqori o'ngdagi bitta tirnoq
pastki o'ngdagi bitta tirnoq
qo'shtirnoq-oyoq chap
yuqori o'ngdagi tirnoq
qo'shtirnoq oyoq pastki o'ng
yagona inglizcha ochilish tirnoq belgisi
yagona inglizcha yopilish tirnoq belgisi
qo'sh tirnoq belgisini ochish
yopish qo'sh tirnoq belgisi
strelkalar
chap strelka
yuqoriga strelka
o'ng strelka
strelka pastga
chap va o'ng strelka
yuqoriga va pastga o'q
vagonning qaytishi
ikkita chap strelka
ikki marta yuqoriga o'q
ikkita o'ng strelka
ikki marta pastga o'q
chapga va o'ngga ikkita strelka
ikkita yuqoriga va pastga o'q
uchburchak yuqoriga o'q
uchburchak pastga o'q
uchburchak o'ng strelka
uchburchak chap strelka
yulduzlar, qor parchalari
Qordan odam
Qor parchasi
Yomg'irlar bilan burmalangan qor parchasi
Yog 'o'tkir burchakli qor parchasi
Soyali yulduz
Bo'sh yulduz
To'ldirilgan doira ichida to'ldirilmagan yulduz
Ichida ochiq doira bilan to'ldirilgan yulduz
Aylanuvchi yulduz
Chizilgan oq yulduz
O'rta ochiq doira
O'rta to'ldirilgan doira
Sextile (qor parchasi turi)
Sakkiz burchakli aylanuvchi yulduz
Sharsimon uchli yulduz
Qalin sakkiz qirrali tomchi shaklidagi yulduz parvona
O'n olti burchakli yulduzcha
O'n ikki qirrali yulduz
Qalin sakkiz qirrali to'g'ri to'ldirilgan yulduz
Olti burchakli to'ldirilgan yulduz
Sakkiz burchakli toʻgʻri toʻldirilgan yulduz
Sakkiz qirrali yulduz
Sakkiz qirrali yulduz
Markazi bo'sh bo'lgan yulduzcha
Yog'li yulduz
To'rt qirrali ochiq yulduz
To'rt burchakli to'ldirilgan yulduz
Doira ichida yulduzcha
Doira ichida qor parchasi
soat, vaqt
Tomosha qiling
Tomosha qiling
Qum soat
Qum soat

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,

. Agar siz klaviaturadan burchakli qavslarni yozsangiz (va bunday imkoniyat mavjud), brauzer bunday qurilishni matnning oddiy qismi sifatida emas, balki ochilish yorlig'i sifatida qabul qiladi.

Shuning uchun, maxsus belgilarning bir xil HTML jadvalidan biz tegishli kodlarni olamiz va butun yozuv quyidagicha ko'rinadi:

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

, siz uning kodini jadvaldan qo'shishingiz kerak:

altbilgi

Keyin brauzer FOOTER yorlig'ini ko'rsatish uchun qo'llanilishi kerak bo'lgan mnemonikaning aniq yozuvini ko'rsatadi. Bu biroz chalkash, ammo ushbu sahifada siz "HTML" maydoniga mos keladigan belgilar uchun mnemonikani kiritish va "Ishga tushirish" tugmasidan foydalanish va "Natija" maydonida ularni ko'rsatish natijasini olish orqali ushbu jihatni mashq qilishingiz mumkin. brauzer:


Iltimos, diqqat qiling, men matn yuqorida aytib o'tilgan BR yorlig'i yordamida o'ralganligini ta'minladim, shunda belgilar o'zlari bir qatorda emas, balki qulaylik uchun ustunda ko'rsatilishi mumkin.

Davom etishga ruxsat. Ba'zan matnda turli qatorlarga ajratish istalmagan kombinatsiyalar paydo bo'ladi. Aytaylik, "1000 rubl". Uni yuqori satrda qoldirish mantiqan to'g'ri bo'lardi yoki etarli joy bo'lmasa, butun tuzilmani quyidagi qatorga o'tkazing.

Bu, ayniqsa, foydalanuvchilar turli xil ekran kengliklariga ega qurilmalardan, shu jumladan mobil qurilmalardan foydalanishsa to'g'ri keladi. Darhaqiqat, bu holda veb-brauzer matnni yangi sharoitlarga moslashtirib, formatlaydi. Va agar matn standart monitor o'lchamlarida to'g'ri ko'rinsa, unda ular o'zgarsa, hamma narsa o'zgarishi mumkin.

Bunday holatlar uchun u taqdim etiladi HTML bo'sh joy, men allaqachon aytib o'tganman. Sizga shuni eslatib o'tamanki, bu holda bo'sh joy kodi quyidagicha:

Va u bog'lanishi kerak bo'lgan ikkita belgilar to'plami orasiga kiritilishi kerak:

1000 rub.

Endi matnni to'g'ri ko'rsatish uchun formatlash zarur bo'lsa ham, brauzer hech qanday holatda ularni ajratmaydi.

Juda uzun so'z bo'sh joyga to'g'ri kelmasa va uning bir qismini ko'chirishingiz kerak bo'lgan vaziyat ham mavjud. Agar kerak bo'lsa, bu holda qanday qilib yangi qatorni oldindan belgilashim mumkin? Buning uchun bor maxsus yumshoq defis belgisi-, so'zni buzish kerak bo'lgan joyga qo'yilishi kerak:

Uzoq uzun uzun uzun uzun so'z

Agar so'zni tire qo'yish kerak bo'lganda vaziyat yuzaga kelsa, u holda yumshoq tire mnemonikasining joylashgan joyida bo'shliq hosil bo'ladi, bu erda defis (defis) paydo bo'ladi va so'zning qolgan qismi keyingi qatorda paydo bo'ladi.

Shunga qaramay, amalda bularning barchasini, shu jumladan uzluksiz va yumshoq uzatish misollarini ko'rish foydali bo'ladi:


Ushbu muharrir oynasida siz "Natija" ko'rish maydonining o'lchamini sichqonchaning chap tugmasi bilan ushbu maydonning chetidan ushlab, uni qo'yib yubormasdan, kengligini kamaytirish uchun chapga sudrab o'zgartirishingiz mumkin. Keyin brauzer tarkibni to'g'ri ko'rsatish uchun uni qayta formatlashni boshlaganda haqiqiy vaziyat yuzaga keladi.

Va men tasvirlab bergan misollarda ko'zda tutilgan transfer amalga oshiriladi. Biroq, siz o'zingiz ko'rish oynasini ko'chirishingiz, uni kengaytirishingiz va toraytirishingiz va buni vizual ravishda tekshirishingiz mumkin.