შესვლა

HTML › დამწყები › ტექსტი

სპეციალური სიმბოლოები

მარტივი⏱ 6 წთ+20 XP👑 Pro#HTML#entities#სიმბოლოები#nbsp

რას ისწავლი

  • რა არის HTML ერთეული (entity) და რატომ არსებობს
  • ხუთი ყველაზე ხშირი ერთეული
  • უწყვეტი ინტერვალი და როდის გამოგადგება

სიმბოლოები, რომლებიც HTML-ს „ეკუთვნის“

ზოგ სიმბოლოს HTML-ში განსაკუთრებული როლი აქვს. < ტეგს იწყებს, > ამთავრებს, & კი, როგორც ახლა ნახავ, სპეციალურ ჩანაწერს. თუ გინდა, რომ ეს სიმბოლოები უბრალოდ ტექსტად გამოჩნდეს, მაგალითად, ახსნა, რომ <p> აბზაცის ტეგია, ბრაუზერი დაიბნევა: ის ფიქრობს, რომ ახალი აბზაცი იწყება.

გამოსავალი HTML ერთეულია (entity): სპეციალური ჩანაწერი, რომელიც &-ით იწყება, ;-ით მთავრდება და შუაში სიმბოლოს სახელი წერია. ბრაუზერი მას შესაბამის სიმბოლოდ აქცევს. ეს JavaScript-ის სტრიქონებში ბრჭყალის პრობლემას ჰგავს: სიმბოლო, რომელსაც ენაში განსაკუთრებული როლი აქვს, ტექსტად საჩვენებლად სპეციალურ ჩანაწერს საჭიროებს.

ხუთი მთავარი ერთეული

სიმბოლოერთეულიროდის გჭირდება
<&lt;ტეგის ან შედარების საჩვენებლად (less than)
>&gt;იგივე (greater than)
&&amp;თვითონ ამპერსანდის საჩვენებლად
"&quot;ბრჭყალი ატრიბუტის მნიშვნელობაში
(უწყვეტი ინტერვალი)&nbsp;ინტერვალი, რომელზეც ხაზი არ წყდება
HTML
<p>აბზაცი იწყება ტეგით &lt;p&gt; და მთავრდება &lt;/p&gt;-ით.</p>
<p>ბიტი &amp; ჰოპი საუკეთესო მეგობრები არიან.</p>

ეკრანზე ტეგები <p> და </p> გამოჩნდება ზუსტად კუთხური ფრჩხილებით, მეორე აბზაცში კი „ბიტი & ჰოპი…“.

უწყვეტი ინტერვალი

&nbsp; (non-breaking space) ჩვეულებრივ ინტერვალს ჰგავს, ერთი განსხვავებით: ბრაუზერი მასზე ხაზს არ გაწყვეტს. ის მაშინ გჭირდება, როცა ორი სიტყვა ერთად უნდა დარჩეს, თუნდაც ხაზის ბოლოს:

HTML
<p>ბილეთის ფასია 25&nbsp;ლარი.</p>
<p>ნომერი: +995&nbsp;555&nbsp;12&nbsp;34&nbsp;56</p>

ასე „25“ ერთ ხაზზე და „ლარი“ მეორეზე არასოდეს აღმოჩნდება. და კიდევ ერთი თვისება: ზედიზედ რამდენიმე &nbsp; არ იკუმშება ერთ ინტერვალად. მაგრამ ფრთხილად: დაშორებისთვის ზედიზედ ბევრი &nbsp; ისეთივე ცუდი ჩვევაა, როგორც ბევრი <br>. დაშორება CSS-ია.

სხვა სიმბოლოები

ერთეულები ბევრ სიმბოლოს აქვს: &copy; → ©, &mdash; → —, &times; → ×, &euro; → €. ისინი რიცხვითაც შეიძლება დაიწეროს: &#169; იგივე ©-ია.

მაგრამ თუ ფაილი UTF-8-ით არის შენახული, ხოლო <head>-ში <meta charset="utf-8"> წერია, ასეთი სიმბოლოები, ემოჯიც კი 🙂, შეგიძლია პირდაპირ ჩაწერო. ერთეულები სავალდებულოა მხოლოდ <, > და &-ისთვის, სადაც ისინი შეიძლება ტეგად ან ერთეულად „გაიგოს“ ბრაუზერმა, და "-ისთვის ატრიბუტის მნიშვნელობაში.

სცადე თავად

გაუშვი. მერე შეამცირე შედეგის ფანჯარა, თუ შეგიძლია, ან დაამატე გრძელი ტექსტი და ნახე, რომ „25 ლარი“ არასოდეს იყოფა.

HTML · სცადე თავად

ხშირი შეცდომები

  • დავიწყებული წერტილ-მძიმე. &lt ზოგჯერ მუშაობს, ზოგჯერ არა. ერთეული ყოველთვის ;-ით დაასრულე.
  • < ტექსტში ერთეულის გარეშე. 5 < 7 ხშირად გამოჩნდება, მაგრამ a<b შეიძლება ტეგად „გაიგოს“ ბრაუზერმა და ტექსტი გაქრეს. უსაფრთხოდ &lt; დაწერე.
  • &nbsp; დაშორებისთვის. რიგზე დაყენებული ინტერვალები სხვადასხვა ეკრანზე სხვადასხვანაირად გამოიყურება. დაშორება CSS-ით.

სავარჯიშო

დაწერე აბზაცი, რომელიც ეკრანზე აჩვენებს: ბმულის ტეგია <a>, სურათისა <img>. შემდეგ აბზაცი ჩაი & ნამცხვარი — 7 ლარი, სადაც „7“ და „ლარი“ ერთ ხაზზე უნდა დარჩეს, და ბოლოს © 2026 ერთეულით.

HTML · სცადე თავად
💡 მინიშნება

&lt;a&gt;, &amp;, 7&nbsp;ლარი, &copy;.

✅ ამოხსნის ნახვა
HTML
<p>ბმულის ტეგია &lt;a&gt;, სურათისა &lt;img&gt;.</p>
<p>ჩაი &amp; ნამცხვარი &mdash; 7&nbsp;ლარი</p>
<p>&copy; 2026</p>

მინი-ქვიზი

1როგორ აჩვენო ტექსტად <h1>?

2რას აკეთებს &nbsp;?

3რომელი სიმბოლოსთვის არის ერთეული სავალდებულო UTF-8 გვერდზეც?

შეჯამება

  • ერთეული &-ით იწყება და ;-ით მთავრდება: &lt;, &gt;, &amp;, &quot;, &nbsp;.
  • <, > და & ტექსტად ერთეულებით იწერება.
  • &nbsp; სიტყვებს ერთ ხაზზე აკავებს, მაგრამ დაშორებისთვის არ გამოიყენება.
  • UTF-8 გვერდზე ©, — და ემოჯი პირდაპირ შეიძლება ჩაიწეროს.
📝 ჩემი შენიშვნა