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;);
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.
- 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 ...
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:
Belgi | Html kodi | O'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");">
![](https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/video/image/zhidkost-dorogo.jpg)
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,
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.