შესვლა

HTML › დამწყები › ბმულები

ახალ ჩანართში გახსნა

მარტივი⏱ 6 წთ+20 XP👑 Pro#HTML#target#_blank#rel#download

რას ისწავლი

  • როგორ გახსნა ბმული ახალ ჩანართში
  • რისთვის გჭირდება rel="noopener"
  • როდის არ ღირს ახალი ჩანართი და როგორ მუშაობს download

target="_blank"

ნაგულისხმევად ბმული იმავე ჩანართში იხსნება: ძველი გვერდი ქრება, ახალი ჩნდება, ხოლო „უკან“ ღილაკი გაბრუნებს. თუ გინდა, რომ ბმული ახალ ჩანართში გაიხსნას, დაამატე target ატრიბუტი მნიშვნელობით _blank:

HTML
<a href="https://developer.mozilla.org" target="_blank" rel="noopener">MDN (ახალ ჩანართში)</a>

ქვედა ტირე _blank-ის დასაწყისში მნიშვნელოვანია: ეს სპეციალური სახელია, რომელიც ნიშნავს „ახალი, ცარიელი ჩანართი“.

rel="noopener"

rel ატრიბუტი ბმულსა და სამიზნე გვერდს შორის კავშირს აღწერს. noopener ნიშნავს: ახალმა ჩანართმა ძველზე „ხელი“ ვერ უნდა მიაწვდინოს. ძველ ბრაუზერებში ახალ ჩანართში გახსნილ გვერდს შეეძლო ის გვერდი, საიდანაც მოვიდა, სხვა მისამართზე, მაგალითად თაღლითურ საიტზე გადაემისამართებინა. თანამედროვე ბრაუზერები ამას ნაგულისხმევად კრძალავენ, მაგრამ rel="noopener" მაინც კარგი ჩვევაა: ის ძველ ბრაუზერებსაც იცავს და კოდის მკითხველს ნათლად ეუბნება, რა ხდება.

როდის გახსნა ახალ ჩანართში

ახალი ჩანართი მომხმარებელს ხშირად აღიზიანებს: „უკან“ ღილაკი აღარ მუშაობს, ტელეფონზე კი ჩანართებს შორის გადართვა მოუხერხებელია. ამიტომ ბევრი გამოცდილი დეველოპერი ასე ფიქრობს: ნაგულისხმევად ჩვეულებრივი ბმული, ახალი ჩანართი მხოლოდ საჭიროებისას. კარგი მიზეზებია:

  • ბმული ისეთ გვერდზე, სადაც მომხმარებელი რამეს ავსებს და მისი დატოვება შეუძლია ჩანაწერს დაკარგავს, მაგალითად ფორმაზე, ტესტზე ან თამაშზე;
  • ფაილი, როგორიცაა PDF, რომელსაც გვერდიგვერდ ათვალიერებენ;
  • დახმარების ან წესების გვერდი, რომელიც ძირითად საქმეს არ უნდა აწყვეტინებდეს.

თუ ბმული ახალ ჩანართში იხსნება, კარგია, ეს ტექსტშიც ეწეროს: „(ახალ ჩანართში)“ ან პატარა ხატულა ↗. მოულოდნელად გახსნილი ჩანართი ბევრს აბნევს, განსაკუთრებით ეკრანის წამკითხველის მომხმარებლებს.

ჩამოტვირთვა: download

ზოგჯერ ბმულით ფაილის ჩამოტვირთვა გინდა და არა ბრაუზერში გახსნა. ამისთვის არსებობს download ატრიბუტი:

HTML
<a href="files/schedule.pdf" download>ჩამოტვირთე განრიგი (PDF)</a>
<a href="files/schedule.pdf" download="ganrigi-2026.pdf">ჩამოტვირთე განრიგი</a>

პირველი ფაილს თავისი სახელით ჩამოტვირთავს, მეორე ახალი სახელით. download მხოლოდ შენი საიტის ფაილებზე მუშაობს: სხვა საიტის ფაილს ბრაუზერი უბრალოდ გახსნის.

სცადე თავად

ეს რედაქტორი დაცულ ფანჯარაში მუშაობს და ახალ ჩანართებს არ ხსნის, ამიტომ აქ ბმულები შეიძლება არ გაიხსნას. ნახე, როგორ გამოიყურება კოდი, და შეამოწმე შენს .html ფაილში.

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

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

  • target="blank" ქვედა ტირის გარეშე. ეს სხვა რამეს ნიშნავს: ჩანართს სახელად blank. პირველ დაჭერაზე ახალი ჩანართი გაიხსნება, მეორეზე კი იგივე ხელახლა გამოიყენება.
  • ყველა ბმული ახალ ჩანართში. მომხმარებელი ათობით ჩანართში იკარგება.
  • გაუფრთხილებლად ახალი ჩანართი. დაწერე ტექსტში, რომ ბმული ახალ ჩანართში იხსნება.

სავარჯიშო

დაწერე ორი ბმული: პირველი ვიკიპედიაზე (https://ka.wikipedia.org), რომელიც ახალ ჩანართში იხსნება, სწორი rel-ით და ამის შესახებ ტექსტით; მეორე ფაილის ჩამოტვირთვის ბმული files/homework.pdf, რომელიც ჩამოიტვირთება სახელით davaleba.pdf.

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

target="_blank" rel="noopener" და download="davaleba.pdf".

✅ ამოხსნის ნახვა
HTML
<p><a href="https://ka.wikipedia.org" target="_blank" rel="noopener">ქართული ვიკიპედია (ახალ ჩანართში) ↗</a></p>
<p><a href="files/homework.pdf" download="davaleba.pdf">ჩამოტვირთე დავალება (PDF)</a></p>

მინი-ქვიზი

1რომელი ატრიბუტი ხსნის ბმულს ახალ ჩანართში?

2რისთვის ემატება rel="noopener"?

3რას აკეთებს download ატრიბუტი?

შეჯამება

  • target="_blank" ბმულს ახალ ჩანართში ხსნის, rel="noopener" კი ძველ გვერდს იცავს.
  • ახალი ჩანართი მხოლოდ საჭიროებისას, და მომხმარებელს გააფრთხილე.
  • download ფაილს ჩამოტვირთავს. მნიშვნელობით ფაილს ახალ სახელს აძლევ.
  • _blank ქვედა ტირით იწერება.
📝 ჩემი შენიშვნა