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 qanday narsalar haqida tasavvurga ega HTML belgilar hujjat kodida ishlatiladi.
Bugungi maqolada biz HTML-da qanday bo'sh joy borligini aniqlashga harakat qilamiz, bu holda kodni o'zi oson o'qish uchun formatlashda bo'shliq belgilaridan foydalanish mumkin. Buzilmasdan bo'sh joyni ishlatish kerak bo'lgan vaqtni bilib olamiz, shuningdek boshqa maxsus belgilar bilan tanishib chiqamiz (yoki ular deyilganidek, mnemonika).
Darhaqiqat, men sizga turli xil maxsus belgilarni ishlatish mavzusini e'tiborsiz qoldirmaslikni maslahat beraman, chunki bu sizga gipermatnlarni belgilash tilini o'rganishni yakunlashga imkon beruvchi 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 klaviaturasi mavjud maxsus kalitlarmatnni bo'linishni amalga oshirishga imkon beradigan (quyida batafsil ma'lumot). Shu bilan birga, faqat keng maydon paneli nafaqat muharrirda, 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. Aytaylik, matnga biz yozgan she'rdan ba'zi satrlarni kiritishimiz kerak matn muharriri:
Oyat satrlari to'g'ri joylashtirilganiga va defis kerakli joylarda bajarilganiga qaramay, brauzerda hamma narsa boshqacha ko'rinishda bo'ladi:
Veb-brauzer oynasida bir xil ko'rsatkichga erishish uchun har bir satrda BR yozishingiz kerak:
Endi biz oldimizga qo'yilgan vazifani bajardik va oyat satrlari brauzerda juda 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 bosib, brauzerdagi natijaga qarasangiz.
Bo'sh joy, yorliq va chiziq oralig'i
Asosan, bular bilan bo'sh joy belgilar biz darhol tanishamiz, chunki muharrirdagi matn bilan ishlashni boshlaymiz va uni formatlaymiz kerakli shakl... 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 tugma;
- Chiziqning uzilishi - "Enter" tugmasi.
Ammo, yuqorida aytganimdek, final kerakli natija nafaqat matn muharririda, balki brauzerda ham biz faqat birinchi tugmachadan foydalanganda olamiz. Uchala tugmachaning hammasi (jadvallar va qatorlarning uzilishi ham HTML kodini formatlashda foydalidir. Masalan, barcha bo'shliq belgilar ko'rsatilganda NotePad ++ da (shu muharrir haqida ma'lumot juda ko'p) kodning bir qismi shunday ko'rinadi:
Bo'sh joylar tufayli o'qish va tushunish oson bo'lgan kod olamiz. To'q sariq strelkalar Tab tugmachasi bilan hosil qilingan chuqurchani va Enter kavisha yordamida amalga oshirilgan CR va LF chiziqlarini belgilaydi.
Bir-biriga joylashtirilgan konteynerlar ko'rib chiqiladi, ochilish va yopish teglari yaxshi ajralib turadi. Ushbu shaklda berilgan kod xavfsiz tahrirlashingiz mumkin. Endi uni bitta matn bilan taqqoslang, unda bunday matn bo'linishi yo'q:
Xuddi shu tarzda, bo'shliq belgilaridan foydalanib, tushunarli va hazm bo'ladigan ko'rinadigan CSS qoidalarini yozishingiz mumkin:
Barcha uslublarni umumiy maxrajga keltirganingizdan va uslublar jadvalini 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 |
| « | « | « | chapdagi 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 pastki |
| ❛ | ❛ | bitta ingliz tilidagi tirnoq belgisi | |
| ❜ | ❜ | bitta inglizcha yopiq kotirovka | |
| ❝ | ❝ | ikki inglizcha tirnoq ochilishi | |
| ❞ | ❞ | inglizcha ikkita tirnoq belgisi 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 yulduz | |
| ✫ | ✫ | 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 tekis chiziqli yulduz | |
| ✶ | ✶ | Olti burchakli bo'yalgan 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 | |
| ⊛ | ⊛ | Bir 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 yuqorida aytilgan barcha maxsus belgilarni ko'rsatish uchun so'zlarning 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. Aytaylik, maqolada siz ma'lumot uchun ba'zi HTML yorliqlarini ko'rsatishingiz kerak, masalan,
Shuning uchun, HTMLning maxsus belgilarining bir xil jadvalidan biz tegishli kodlarni olamiz va butun yozuv quyidagicha ko'rinadi:
Bundan tashqari, brauzerda ampersand belgisini emas, balki uning belgisini ko'rsatish uchun shakl , uning kodini jadvaldan qo'shishingiz kerak:
altbilgi
Keyin brauzer FOOTER yorlig'ini ko'rsatish uchun ishlatilishi kerak bo'lgan mnemonika yozuvlarini to'liq namoyish etadi. Biroz chalkash, ammo ushbu sahifada siz mashq qilishingiz mumkin bu jihat"HTML" maydoniga tegishli belgilar uchun mnemonika kiritib, "Ishga tushirish" tugmachasi yordamida va "Natija" maydonida brauzerda ularni ko'rsatish natijasi olinadi:
Shuni esda tutingki, men yuqorida aytib o'tilgan BR yorlig'i yordamida matnni o'rashni ta'minladim, shunda belgilar o'zlari bitta satrda emas, balki qulaylik uchun ustunda ko'rsatiladi.
Davom eting. Ba'zan matnda turli satrlar bo'yicha ajratish kerak bo'lmagan kombinatsiyalar mavjud. Aytaylik, "1000 rubl". mantiqan to'g'ri keladi yoki davom eting yuqori chiziq, yoki bo'sh joy bo'lmasa, butun qurilishni quyidagi qatorga o'tkazing.
Bu, ayniqsa, foydalanuvchilar turli xil ekran kengliklariga ega qurilmalardan, shu jumladan mobil qurilmalardan foydalansalar, to'g'ri keladi. Darhaqiqat, bu holda veb-brauzer yangi shartlarga moslashib, matnni formatlaydi. Agar standart monitor o'lchamlarida matn to'g'ri ko'rinadigan bo'lsa, ular o'zgarganda hammasi o'zgarishi mumkin.
Ushbu holatlar uchun ajralmas hTML maydoni men allaqachon aytib o'tganman. Eslatib o'taman, bu holda kosmik kod quyidagicha:
Va siz ulanishni istagan ikkita belgilar to'plami orasiga kiritilishi kerak:
1000 rubl
Endi brauzer ularni hech qachon ajratmaydi, hatto uni to'g'ri aks ettirish uchun matnni formatlash zarur bo'lsa ham.
Juda uzun so'z bo'sh joyga mos kelmasa va siz uning qismini o'tkazishingiz kerak bo'lsa, vaziyat ham mavjud. Agar kerak bo'lsa, qanday qilib oldindan belgilash kerak yangi qator Ushbu holatda? Buning uchun bor yumshoq tashish maxsus belgi - so'zni buzish kerak bo'lgan joyga qo'yish:
Uzoq uzoq uzoq uzoq uzoq so'z
Agar so'zni o'tkazish kerak bo'lganda vaziyat yuzaga kelsa, u holda yumshoq uzatish mnemonikasi joylashgan joyda bo'shliq hosil bo'ladi, u erda defis paydo bo'ladi va bu so'zning qolgan qismi quyidagi satrda paydo bo'ladi.
Shunga qaramay, yana bir bor, amalda shaxsan kuzatib borish uchun hamma narsani, shu jumladan erimaydigan va yumshoq transfer misollarini ko'rish foydali bo'ladi:
Ushbu tahrirlovchining oynasida sichqonchaning chap tugmasi bilan ushbu maydonning chekkasidan ushlab, "Natija" ko'rinish oynasining o'lchamini o'zgartirishingiz va bo'shatmasdan, kenglikni kamaytirish uchun chapga tortishingiz mumkin. Keyin brauzer tarkibni to'g'ri ko'rsatish uchun uni qayta formatlashni boshlaganda haqiqiy vaziyat yuzaga keladi.
Va men tasvirlab bergan misollarda taqdim etilgan transfer amalga oshiriladi. Biroq, siz o'zingizning ko'zoynagingizni ko'chirib, uni kengaytirib, toraytirasiz va buni ingl.
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).
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
Shunday qilib, endi ushbu maqolaning boshida men foydalanishga yaroqliligi haqida e'lon qilgan maxsus belgilar haqida gapiraylik. 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 |
| « | « | « | chapdagi 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 pastki |
| ❛ | ❛ | bitta ingliz tilidagi tirnoq belgisi | |
| ❜ | ❜ | bitta inglizcha yopiq kotirovka | |
| ❝ | ❝ | ikki inglizcha tirnoq ochilishi | |
| ❞ | ❞ | inglizcha ikkita tirnoq belgisi 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 yulduz | |
| ✫ | ✫ | 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 tekis chiziqli yulduz | |
| ✶ | ✶ | Olti burchakli bo'yalgan 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 | |
| ⊛ | ⊛ | Bir 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 va uning o'rniga veb-sahifada brauzer sizga kerakli belgini aks ettiradi (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, raqamlardan tashqari, osonroq yod olish uchun ramziy belgini oldi. O'sha. funt belgisi "#" (xash) o'rniga so'zlar belgi variantlarida qo'llaniladi. Masalan, xuddi shu singan bo'sh joy (raqamli mnemonik) yoki (ramziy) sifatida yozilishi mumkin.
Maqolalar yozayotganda, 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 sizga quyidagi qurilmani kiritishingiz kerak bo'ladi:
Xuddi shu narsa mnemonikaning kodini ko'rsatishda ham qo'llaniladi, chunki ular ampersand bilan boshlanadi. Matnga ampersand belgisini almashtirish (maxsus belgi) bilan almashtirish bilan kodni kiritishingiz kerak bo'ladi:
Sahifaga kirish uchun buni qilish kerak bo'ladi<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
Bundan tashqari, ehtimol siz bo'sh joyni ishlatasiz, 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, 1400 Gb va hokazo kabi iboralar uchun mos keladi, bu turli satrlarda defis bilan o'tkazilishi istalmagan):
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 qatorga o'tishga ehtiyoj bo'lsa, brauzer yumshoq defisli mnemonika o'rniga defis qo'yadi va so'zning qolgan qismini keyingi qatorga yuboradi. Agar ushbu so'zni 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
Yozuvdagi matn bosma belgilar - grafik belgilardan iborat.
Grafik belgilar - bu matnda ko'rinadigan displeyga ega bo'lgan belgilar.
Barcha grafik belgilar yagona universal Unicode tizimi to'plamida to'planadi.
HTML hujjatiga Unicode grafik belgisini kiriting
ushbu jadval uchun asosiy va yagona maqsaddir.
Siz html hujjatiga belgini quyidagi usullardan birini kiritishingiz mumkin:
- belgi tasvirini brauzer oynasidan ingl. HTML muharriri oynasiga ko'chiring
- belgining html kodini to'g'ridan-to'g'ri html hujjatining kodiga nusxalash
- ingl
- kodni kodga joylashtiring.
Belgining shrifti, uning hajmi va rangi HTMLda quyidagicha kod bilan o'rnatilishi mumkin:
SYMBOL_CODE
Qaerda,
Arial - shrift,
10px - shriftning piksel o'lchamlari,
# ff0000 - shrift rang kodi (qizil)
Masalan:
☎ - belgining shrift hajmi 30 piksel,
☎ - belgi shriftining o'lchami 30px, rangi - qizil
☎ - belgining shrift hajmi 20px,
☎ - belgining shrift hajmi 10px.
Taxminan. Maxsus belgilarni kiritish uchun tavsiya etilgan shriftlar Arial, Verdana va Tahoma. Ushbu shriftlar Unicode belgilarini to'g'ri aks ettiradi va o'zlari, o'z navbatida, veb-ilovalar tomonidan to'g'ri qo'llab-quvvatlanadi.
- "Belgilar"
(ko'rinadigan belgini ko'rsatish)
Ushbu ustundan siz ramziy rasmni nusxalashingiz va html matn muharriri oynasiga qo'yishingiz mumkin. Belgining shrift hajmi 20px bo'lgan nusxa ko'chiriladi. Nusxalash tugagandan so'ng, nusxa ko'chirilgan belgi uchun shrift hajmini to'g'ridan-to'g'ri sozlashingiz kerak bo'lishi mumkin. - "Ism"
(faqat muhim yoki tushunarsiz belgilar uchun)
Belgining maqsadi, uning ko'lami, misollari haqida tushuntirish ... - "Mnemonika"
Mnemonic - bu HTML-dagi belgining alfavit kodini bildiruvchi "shaklning so'zma-so'z tuzilishi. Bu to'g'ridan-to'g'ri HTML-hujjatning HTML-kodiga kiritiladi. Mnemonika professional dizaynerlar orasida juda mashhurdir. Ular odamlar tomonidan yaxshi esda saqlanadi va barcha HTML dasturlari tomonidan qo'llab-quvvatlanadi. Har bir mnemonikada alifbo nomi (belgilanishi mavjud) ) uning belgisi va brauzer uchun kodni o'qish uchun signal vazifasini o'taydigan va monitor ekranida ko'rinmaydigan xizmat belgisi (&) .Har bir mnemonikaning nomi o'ziga xos va o'qish oson, chunki u belgini tavsiflovchi inglizcha so'zdan olingan.Mnemonika (yunoncha) - nimanidir eslash san'ati. Mnemonika, saqlash ob'ekti biron bir narsa bilan assotsiativ holatga keltirilganda, eslab qolishi qiyin bo'lgan ma'lumotlarni idrok etishni osonlashtirish uchun ishlatiladi.
- "Kod"
Kod - bu HTML kabi belgining raqamli o'nlik kodi, masalan &. To'g'ridan-to'g'ri html hujjatining html kodiga kiritilgan. Raqamli o'nlik kodi Unicode tizimidagi belgining tartib raqamini ko'rsatuvchi raqam va brauzer uchun kodni o'qish uchun signal sifatida xizmat qiladigan va monitor ekranida ko'rsatilmagan bir nechta xizmat belgilaridan (& va #) iborat. Raqamli o'nlik kodi ko'p qirrali va idrok etish qulayligi tufayli keng tarqalgan va keng qo'llanilgan.
HTML (XHTML) belgilarini boshqarish
HTML (XHTML) dagi boshqaruvchi belgilar - bu HTML-tilidagi xizmat belgilaridir, bu veb-sahifaning HTML-maketida ishlatiladi. Ushbu belgilar har qanday brauzer tomonidan qo'llab-quvvatlanishi kerak, chunki ularsiz HTML matnini to'g'ri ko'rsatish imkonsizdir. Tekshirish belgilari matnda ko'rsatilmaydi va to'g'ridan-to'g'ri klaviaturadan terilganda, brauzer tomonidan tinish belgilari sifatida talqin qilinadi, bu sahifada ekranda chizilganida ba'zi bir harakatlarni bajarishni talab qiladi.
Oddiy matnlarda boshqaruv belgilaridan foydalanishga ruxsat beriladi, bu erda ular umumiy inson tushunchalarini anglatadi va brauzer tomonidan oddiy tipografik belgilar sifatida talqin etiladi. HTML-matnlarda xizmat ko'rsatish belgilaridan foydalanishda belgining o'zi emas, balki uning HTML-kodini kiritish talab qilinadi. Yana takrorlayman, aks holda brauzer xizmat ko'rsatish belgisini harakatga chaqiruv sifatida qabul qiladi va monitor ekranida HTML matnini to'g'ri ko'rsatmaydi.
Boshqaruv belgilarini va ularning HTML kodlarini barcha brauzerlar istisnosiz bilishadi va tushunishadi, afsuski, turli xil brauzerlarda noto'g'ri ko'rsatilishi mumkin bo'lgan belgilar yoki undan ham yomoni, umuman ko'rsatilmasligi mumkin.
Sintaksis va tinish belgilari
| uzunlik N (normal bo'shliq) | |||||
| uzunlikdagi bo'shliq M (uzun bo'shliq) | |||||
| - | yumshoq tashish (bosib chiqarilmaydigan belgi) | - | | ||
| ‑ | defis | ‑ |
|||
|---|---|---|---|---|---|
| - | tirnoq uzunligi N (muntazam chiziqcha) | - | – | ||
| — | chiziq uzunligi M (em chiziqcha) | — | — | ||
| . | nuqta | . | |||
| , | vergul | , | |||
| … | ellipsis | … |
… |
||
| : | yo'g'on ichak | : | |||
| ; | vergul | ; | |||
| ! | undov belgisi | ! ǃ |
|||
| ? | savol belgisi | ? | |||
| @ | "it" | @ | |||
| * | "Yulduz" | * | |||
| # | "panjara" | # | |||
| ‘ | bitta yuqori chap tirnoq belgisi | ‘ | ‘ |
||
| ’ | bitta yuqori o'ng tirnoq belgisi | ’ | ’ |
||
| ‚ | bitta pastki o'ng tirnoq belgisi | ‚ | ‚ |
||
| “ | ikki yuqori chap tirnoq belgisi | “ | “ |
||
| ” | ikki tomonlama yuqori tirnoq belgisi | ” | ” |
||
| „ | pastki pastki o'ng tirnoq | & bdquo | „ |
||
| « | chap burchakli ikki qavatli tirnoq (rus) | « | « | ||
| » | ikki tomonlama burchakli tirnoq (rus) | » | » | ||
| ́ | urg'u belgisi, misol: Vasya | ́ | |||
| " | apostrof, misol: siz "men" | " | |||
| ´ | o'tkir, misol: Vas'ya | ´ | ´ | ||
| ¶ | xatboshi (bosilmaydigan belgi) | ¶ | ¶ | ||
| § | paragraf | § | § | ||
| ˆ | urg'u (teskari qush) | ˆ | ˆ |
||
| ˜ | kichik tilda | ˜ | ˜ |
||
| ¦ | vertikal nuqta chiziq | ¦ | ¦ | ||
| ( | qavs qoldi | ( | |||
| ) | o'ng qavs | ) | |||
| 〈 | chap burchakli qavs | 〈 | 〈 | ||
| 〉 | o'ng burchakli qavs | 〉 | 〉 | ||
| ‹ | chap burchakli burchak, parametr | ‹ | ‹ | ||
| › | burchakli qavs o'ng, variant | › | › | ||
| [ | kvadrat qavs chapda | [ | |||
| ] | o'ng burchakli qavs | ] | |||
| / | qiyshiq belgi | / | |||
| \ | orqaga burish | \ | |||
| ⁄ | chiziq (bo'linish belgisi) | ⁄ | ⁄ | ||
| ǀ | vertikal chiziq | ǀ | |||
| ǁ | ikkita vertikal chiziq | ǁ | |||
| ‾ | chizma, misol: Vasya‾vasya | ‾ | ‾ | ||
| ¯ | makron, misol: Vasya¯vasya | ¯ | ¯ | ||
Savdo belgilari va valyutalar
| + | ortiqcha | + | + | ||
|---|---|---|---|---|---|
| − | minus | − | - − |
||
| = | teng darajada | = | |||
| ± | ortiqcha yoki minus | ± | ± | ||
| × | ko'paytirish belgisi | × | × | ||
| ÷ | bo'linish belgisi | ÷ | ÷ | ||
| ⋅ | nuqta operatori (o'rta chiziq) | ⋅ | · ⋅ |
||
| ∗ | yulduzcha operatori (qatorning o'rtasi) | ∗ | ∗ | ||
| ∼ | tilda operatori | ∼ | ∼ | ||
| . | ro'yxat belgisi (qatorning o'rtasi) | . | |
||
| ¹ | yuqori belgi "1" | ¹ | ¹ | ||
| ² | yuqori belgi "2" | ² | ² | ||
| ³ | yuqori belgi "3" | ³ | ³ | ||
| Superscript va subscript HTML (XHTML) teglar yordamida kiritilishi mumkin va navbati bilan: NUMBER Yuqori belgi → NUMBER Superscript NUMBER Subscript → NUMBER subscript |
|||||
| ½ | "bir soniya" kasr | ½ | ½ | ||
| ⅓ | "uchdan bir qismi" | ⅓ | |||
| ¼ | "to'rtdan biri" kasr | ¼ | ¼ | ||
| ¾ | "to'rtdan uch" qismi | ¾ | ¾ | ||
| № | raqam belgisi | № | |||
| % | foiz | % | |||
| ‰ | ppm | ‰ | ‰ |
||
| ° | daraja | ° | ° | ||
| ′ | qon tomir (daqiqa, oyoq) | ′ | ′ | ||
| ″ | ikki baravar (soniya, dyuym) 1-misol: 30 ° 25 ′ 12 ″ 2-misol: 25 ′ 12 ″ |
″ | ″ | ||
| µ | mikro | µ | µ | ||
| π | Pi | π | π | ||
| ƒ | funktsiya belgisi ("integral" bilan aralashmaslik kerak) |
ƒ | ƒ |
||
| ∫ | ajralmas | ∫ | ∫ | ||
| ∅ | nol, bo'sh to'plam chizilgan ("diametr" bilan aralashmaslik kerak) |
∅ | ∅ | ||
| ⌀ | diametri (lotincha "o" chizig'i bilan aralashmaslik kerak) | ⌀ | |||
| ø | lotin "o" diagonal ravishda chizilgan | ø | ø | ||
| Ø | lotin poytaxti "O" diagonal ravishda chizilgan | Ø | Ø | ||
| ∏ | ish belgisi | ∏ | ∏ | ||
| ∑ | yig'ish belgisi | ∑ | ∑ | ||
| √ | radikal (kvadrat ildiz yoki kuchning ildizi x) |
√ | √ | ||
| ∝ | mutanosib ravishda | ∝ | ∝ | ||
| ∞ | cheksizlik | ∞ | ∞ | ||
| ∠ | burchak | ∠ | ∠ | ||
| ⊥ | ortogonal (perpendikulyar) | ⊥ | ⊥ | ||
| ∴ | natijada imzo qo'ying | ∴ | ∴ | ||
| ≅ | taxminan teng | ≅ | ≅ | ||
| ≈ | deyarli teng | ≈ | ≈ | ||
| ≠ | teng emas | ≠ | ≠ | ||
| ≡ | bir xil | ≡ | ≡ | ||
| ≤ | kamroq yoki teng | ≤ | ≤ | ||
| ≥ | ko'proq yoki teng | ≥ | ≥ | ||
| ∧ | mantiqiy VA | ∧ | ∧ | ||
| ∨ | mantiqiy YOKI | ∨ | ∨ | ||
| ⊕ | doira ichida ortiqcha belgi (to'g'ridan-to'g'ri miqdor) |
⊕ | ⊕ | ||
| ⊗ | aylanada ko'paytirish (o'zaro faoliyat mahsulot, kuzatuvchidan o'q) |
⊗ | ⊗ | ||
| ʘ | doira ichida nuqta (kuzatuvchiga o'q) |
ʘ | |||
|
✵ ✵ |
|||||
