HTML › დამწყები › ტექსტი
სპეციალური სიმბოლოები
ეს თავი CodeQuest Pro-ს ნაწილია
Pro ხსნის სკოლის ყველა კურსს და თამაშის ყველა ლეველს, ვიდეოს და პროექტს. ერთჯერადი გადახდა, გამოწერის გარეშე.
რას ისწავლი
- რა არის HTML ერთეული (entity) და რატომ არსებობს
- ხუთი ყველაზე ხშირი ერთეული
- უწყვეტი ინტერვალი და როდის გამოგადგება
სიმბოლოები, რომლებიც HTML-ს „ეკუთვნის“
ზოგ სიმბოლოს HTML-ში განსაკუთრებული როლი აქვს. < ტეგს იწყებს, > ამთავრებს, & კი, როგორც ახლა ნახავ, სპეციალურ ჩანაწერს. თუ გინდა, რომ ეს სიმბოლოები უბრალოდ ტექსტად გამოჩნდეს, მაგალითად, ახსნა, რომ <p> აბზაცის ტეგია, ბრაუზერი დაიბნევა: ის ფიქრობს, რომ ახალი აბზაცი იწყება.
გამოსავალი HTML ერთეულია (entity): სპეციალური ჩანაწერი, რომელიც &-ით იწყება, ;-ით მთავრდება და შუაში სიმბოლოს სახელი წერია. ბრაუზერი მას შესაბამის სიმბოლოდ აქცევს. ეს JavaScript-ის სტრიქონებში ბრჭყალის პრობლემას ჰგავს: სიმბოლო, რომელსაც ენაში განსაკუთრებული როლი აქვს, ტექსტად საჩვენებლად სპეციალურ ჩანაწერს საჭიროებს.
ხუთი მთავარი ერთეული
| სიმბოლო | ერთეული | როდის გჭირდება |
|---|---|---|
| < | < | ტეგის ან შედარების საჩვენებლად (less than) |
| > | > | იგივე (greater than) |
| & | & | თვითონ ამპერსანდის საჩვენებლად |
| " | " | ბრჭყალი ატრიბუტის მნიშვნელობაში |
| (უწყვეტი ინტერვალი) | | ინტერვალი, რომელზეც ხაზი არ წყდება |
<p>აბზაცი იწყება ტეგით <p> და მთავრდება </p>-ით.</p>
<p>ბიტი & ჰოპი საუკეთესო მეგობრები არიან.</p>ეკრანზე ტეგები <p> და </p> გამოჩნდება ზუსტად კუთხური ფრჩხილებით, მეორე აბზაცში კი „ბიტი & ჰოპი…“.
უწყვეტი ინტერვალი
(non-breaking space) ჩვეულებრივ ინტერვალს ჰგავს, ერთი განსხვავებით: ბრაუზერი მასზე ხაზს არ გაწყვეტს. ის მაშინ გჭირდება, როცა ორი სიტყვა ერთად უნდა დარჩეს, თუნდაც ხაზის ბოლოს:
<p>ბილეთის ფასია 25 ლარი.</p>
<p>ნომერი: +995 555 12 34 56</p>ასე „25“ ერთ ხაზზე და „ლარი“ მეორეზე არასოდეს აღმოჩნდება. და კიდევ ერთი თვისება: ზედიზედ რამდენიმე არ იკუმშება ერთ ინტერვალად. მაგრამ ფრთხილად: დაშორებისთვის ზედიზედ ბევრი ისეთივე ცუდი ჩვევაა, როგორც ბევრი <br>. დაშორება CSS-ია.
სხვა სიმბოლოები
ერთეულები ბევრ სიმბოლოს აქვს: © → ©, — → —, × → ×, € → €. ისინი რიცხვითაც შეიძლება დაიწეროს: © იგივე ©-ია.
მაგრამ თუ ფაილი UTF-8-ით არის შენახული, ხოლო <head>-ში <meta charset="utf-8"> წერია, ასეთი სიმბოლოები, ემოჯიც კი 🙂, შეგიძლია პირდაპირ ჩაწერო. ერთეულები სავალდებულოა მხოლოდ <, > და &-ისთვის, სადაც ისინი შეიძლება ტეგად ან ერთეულად „გაიგოს“ ბრაუზერმა, და "-ისთვის ატრიბუტის მნიშვნელობაში.
სცადე თავად
გაუშვი. მერე შეამცირე შედეგის ფანჯარა, თუ შეგიძლია, ან დაამატე გრძელი ტექსტი და ნახე, რომ „25 ლარი“ არასოდეს იყოფა.
ხშირი შეცდომები
- დავიწყებული წერტილ-მძიმე.
<ზოგჯერ მუშაობს, ზოგჯერ არა. ერთეული ყოველთვის;-ით დაასრულე. <ტექსტში ერთეულის გარეშე.5 < 7ხშირად გამოჩნდება, მაგრამa<bშეიძლება ტეგად „გაიგოს“ ბრაუზერმა და ტექსტი გაქრეს. უსაფრთხოდ<დაწერე. დაშორებისთვის. რიგზე დაყენებული ინტერვალები სხვადასხვა ეკრანზე სხვადასხვანაირად გამოიყურება. დაშორება CSS-ით.
სავარჯიშო
დაწერე აბზაცი, რომელიც ეკრანზე აჩვენებს: ბმულის ტეგია <a>, სურათისა <img>. შემდეგ აბზაცი ჩაი & ნამცხვარი — 7 ლარი, სადაც „7“ და „ლარი“ ერთ ხაზზე უნდა დარჩეს, და ბოლოს © 2026 ერთეულით.
💡 მინიშნება
<a>, &, 7 ლარი, ©.
✅ ამოხსნის ნახვა
<p>ბმულის ტეგია <a>, სურათისა <img>.</p>
<p>ჩაი & ნამცხვარი — 7 ლარი</p>
<p>© 2026</p>მინი-ქვიზი
1როგორ აჩვენო ტექსტად <h1>?
< და > ერთეულებით იწერება.
2რას აკეთებს ?
non-breaking space: სიტყვები ერთად რჩება.
3რომელი სიმბოლოსთვის არის ერთეული სავალდებულო UTF-8 გვერდზეც?
დანარჩენი სიმბოლოები UTF-8-ით პირდაპირ იწერება.
შეჯამება
- ერთეული
&-ით იწყება და;-ით მთავრდება:<,>,&,", . <,>და&ტექსტად ერთეულებით იწერება. სიტყვებს ერთ ხაზზე აკავებს, მაგრამ დაშორებისთვის არ გამოიყენება.- UTF-8 გვერდზე ©, — და ემოჯი პირდაპირ შეიძლება ჩაიწეროს.