وانەی 9 لە 67

وانەی ٩: کردنەوەی لینک لە تابێکی نوێدا: target و rel

ناوەڕۆکی ئەم وانەیە بەشی ١: تایبەتمەندی target بەشی ٢: سەردانکەر ئاگادار بکەرەوە بەشی ٣: تایبەتمەندی rel

بەشی ١: تایبەتمەندی target

بە شێوەی ئاسایی لینک لە هەمان تابدا دەکرێتەوە. هەندێک جار دەتەوێت سەردانکەر شتێکی تر بخوێنێتەوە بەبێ ئەوەی لاپەڕەکەت جێبهێڵێت. بۆ ئەوە تایبەتمەندی target زیاد دەکەین بە بەهای _blank.

ئەمە لەناو <body> بنووسە:
<a href="https://example.com/" target="_blank">مێژووی چا</a>

پاشەکەوتی بکە و نوێی بکەرەوە. کرتەی لێ بکە. تابێکی نوێ دەکرێتەوە، و لاپەڕە ڕەسەنەکە هێشتا لە تابی یەکەمدا کراوەیە.

target="_blank" واتە «ئەمە لە شوێنێکی نوێدا بکەرەوە»، کە وێبگەڕ وەک تابێکی نوێ ئەنجامی دەدات.

بەشی ٢: سەردانکەر ئاگادار بکەرەوە

 تابێکی نوێ دەکرێت خەڵک سەرسام بکات، و دەکرێت بەکارهێنەرانی ئامێری خوێندنەوەی شاشە تێکبدات. بۆیە لە تێکستی لینکەکەدا بە سەردانیکەر بڵێ:
<a href="https://example.com/" target="_blank">ـێژووی چا (لە تابێکی نوێدا دەکرێتەوە)</a>
تێبینی: تابی نوێ تەنها بۆ لینکەکانی ماڵپەڕەکانی تر بەکاربهێنە. لینکی لاپەڕەکانی خۆت دەبێت لە هەمان تابدا بکرێنەوە.

نموونە

html
<a href="https://example.com/" target="_blank">ـێژووی چا (لە تابێکی نوێدا دەکرێتەوە)</a>
خۆت تاقی بکەرەوە ↗

ئەنجام

بەشی ٣: تایبەتمەندی rel

یەک تایبەتمەندی تر لەگەڵ target="_blank" دێت: rel، بە بەهای noopener.
<a href="https://example.com/" target="_blank" rel="noopener">مێژووی چا (لە تابێکی نوێدا دەکرێتەوە)</a>

ڕێگری دەکات لەوەی ئەو لاپەڕەیەی کردووتەوە کۆنترۆڵی لاپەڕەکەت بکات. 

وێبگەڕە نوێیەکان پێشتر ئەمە بۆ target="_blank" دەکەن، بەڵام نووسینی ئاسایشێکی باشە و ڕاهاتنێکی باشە. بۆیە هەر کاتێک _blank بەکاردەهێنیت، rel="noopener"یش زیاد بکە.

هەڵەیەکی باو: هەموو لینکەکان لە تابی نوێدا بکەیتەوە، یان تابێکی نوێ بکەیتەوە بەبێ ئاگادارکردنەوە لە تێکستی لینکەکەدا.
پوختە:
  • target="_blank" لینک لە تابێکی نوێدا دەکاتەوە.
  • لە تێکستی لینکەکەدا بیڵێ: «(لە تابێکی نوێدا دەکرێتەوە)».
  • هەر کاتێک target="_blank" بەکاردەهێنیت، rel="noopener" زیاد بکە.
  • تابی نوێ تەنها بۆ ماڵپەڕەکانی تر بەکاربهێنە.
ڕاهێنان:
١. لینکێک بۆ ماڵپەڕێکی تر لە تابێکی نوێدا بکەرەوە.
٢. «(لە تابێکی نوێدا دەکرێتەوە)» بۆ تێکستی لینکەکەی زیاد بکە.
٣. rel="noopener" زیاد بکە.

نموونە

html

  <h1>ڕێبەری چا</h1>
  <p>
    <a href="https://example.com/" target="_blank" rel="noopener">مێژووی چا (لە تابێکی نوێدا دەکرێتەوە)</a>
  </p>
خۆت تاقی بکەرەوە ↗

ئەنجام

چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.