سرچ انجین

استفاده از ویژگی _blank link باعث می شود که پیوند در پنجره یا تب جدید مرورگر باز شود.

اما آنقدرها هم که به نظر می رسد ساده نیست.

به نظر می رسد که نه تنها ویژگی پیوند _blank یک خطر امنیتی است، بلکه موقعیت های متعددی نیز وجود دارد که استفاده از چیزی غیر از _blank توصیه می شود.

در این مقاله، یاد خواهید گرفت که استفاده از ویژگی _blank ایده خوبی نیست.

ویژگی _Blank Link چیست؟

ویژگی _blank link به مرورگر می‌گوید که پیوندی را در یک تب جدید باز کند.

می‌توانید چندین پیوند داشته باشید که از ویژگی پیوند _blank استفاده می‌کنند، و هر پیوند متفاوتی با آن ویژگی _blank، با کلیک کردن، یک برگه جدید مرورگر ایجاد می‌کند.

علاوه بر این، اگر یک کاربر بارها و بارها روی یک پیوند کلیک کند، مرورگر تب های بیشتری و بیشتری را ایجاد می کند.

آیا ویژگی _Blank غیراخلاقی است؟

برخی بر این عقیده هستند که بهتر است به کاربر اجازه داده شود تا برگه مرورگر جدیدی را باز کند.

برخی افراد ادعا می‌کنند که «به دام انداختن» کاربر در سایت خود با باز کردن پیوندها در یک پنجره مرورگر جدید و باز نگه داشتن صفحه وب خود نیز غیراخلاقی است.

مشکل این دیدگاه این است که به احتمال زیاد اکثر مردم نمی دانند که انتخابی برای باز کردن یک پنجره مرورگر جدید دارند.

هر مخاطب سایت از نظر فنی در سطوح مختلف مهارت دارد.

اما احتمالاً می توان گفت که بسیاری از مردم هنوز نمی دانند که می توانند کلیک راست کنند (یا روی یک دستگاه تلفن همراه طولانی کلیک کنند) و باز کردن یک برگه مرورگر جدید را انتخاب کنند.

بنابراین، دادن یک "انتخاب" به کاربران واقعاً یک انتخاب نیست.

آنها فقط به هر کجا که آنها را بفرستید می روند.

انتخاب "اخلاقی" یک شخص برای باز کردن پیوند در همان مرورگر وب، می تواند بازدیدکنندگان سایت را در صورتی که با بستن برگه مرورگری که در حال حاضر در آن هستند، به صفحه اصلی وب بازگردند، گیج کند.

امروزه بحث اخلاق عمدتاً کنار گذاشته شده است.

انتخاب اینکه آیا از ویژگی پیوند _blank استفاده شود یا نه یک انتخاب شخصی و تجاری است.

یک دلیل امنیتی برای عدم استفاده از _Blank وجود دارد

ویژگی پیوند target=”_blank” مخاطره آمیز است و یک وب سایت را در برابر مسائل امنیتی و عملکرد باز می کند.

صفحه Web.dev گوگل در مورد خطرات استفاده از ویژگی پیوند _blank به این صورت خلاصه می شود:

«صفحه دیگر ممکن است با همان فرآیند صفحه شما اجرا شود. اگر صفحه دیگر جاوا اسکریپت زیادی اجرا می کند، عملکرد صفحه شما ممکن است آسیب ببیند.

صفحه دیگر می تواند با ویژگی er به شی پنجره شما دسترسی داشته باشد. این ممکن است به صفحه دیگر اجازه دهد صفحه شما را به یک URL مخرب هدایت کند."

راه حل؟

برای هر پیوند از ویژگی های پیوند rel=”noopener” یا rel=”noreferrer” استفاده کنید.

• خصیصه پیوند rel=”noopener” از دسترسی سایت لینک شده به صفحه اصلی وب که در حال لینک کردن است جلوگیری می کند. این امر باعث می شود که سایت لینک شده کنترل را به دست نگیرد یا بر سایت پیوند دهنده تأثیر بگذارد.
• ویژگی پیوند rel=”noreferrer” اطلاعات ارجاع دهنده را از سایتی که به آن لینک شده است پنهان می کند. هنگامی که یک بازدیدکننده سایت روی پیوند rel=”noreferrer” کلیک می کند، سایتی که به آن لینک شده است نمی داند چه سایتی بازدید کننده را ارجاع داده است.

ویژگی پیوند rel=”noreferrer” نیز مانند ویژگی پیوند “noopener” عمل می‌کند، زیرا از کنترل سایت لینک‌دهی توسط سایت لینک‌شده جلوگیری می‌کند.

بنابراین، اگر می‌خواهید اطلاعات ارجاع‌دهنده وب‌سایت‌ها را ارسال کنید و در عین حال از خود در برابر مسائل امنیتی ویژگی پیوند _blank محافظت کنید، از ویژگی پیوند «noopener» استفاده کنید.

اگر ترجیح می‌دهید خصوصی بمانید و اطلاعات ارجاع‌دهنده را منتقل نکنید و در عین حال از خود در برابر مسائل امنیتی مرتبط با استفاده از ویژگی پیوند _blank محافظت کنید، از ویژگی پیوند rel=”noreferrer” استفاده کنید.

ملاحظات امنیت داده برای صفحات حساس

شرایط خاصی در ارتباط با امنیت وجود دارد که در آن یک ناشر ممکن است نخواهد کاربر چندین صفحه وب ایجاد کند. یکی از این موارد، وب سایتی است که با اطلاعات حساس مشتریان سروکار دارد.

اگر یک وب سایت مرتبط با سلامت یا امور مالی از _blank برای پیوند به اطلاعات خصوصی استفاده کند، ممکن است باعث شود که بازدیدکننده سایت چندین صفحه وب با اطلاعات حساس ایجاد کند.

ممکن است ناخودآگاه این پنجره ها را ناخواسته باز بگذارند.

به عنوان مثال، ممکن است پنجره اصلی و پنجره دیگری را ببندند و ندانند که ممکن است پنجره سومی با اطلاعات بسیار محرمانه همچنان در برگه پس‌زمینه مرورگر باز باشد.

در این صورت، ناشر سایت ممکن است از ویژگی پیوند متفاوتی مانند «خالی» (با زیرخط _) استفاده کند.

ویژگی پیوند "خالی" پیوندی را در یک برگه جدید مرورگر باز می کند.

با این حال، بر خلاف ویژگی پیوند _blank، تمام پیوندهای دیگر در صفحه اصلی وب نیز صفحه پیوند شده را در همان برگه ای که اولین پیوند کلیک شده باز می کند، باز می کنند.

بنابراین، اگر پنج پیوند در صفحه ای داشته باشید که از ویژگی پیوند «خالی» استفاده می کنند، و کاربر روی اولین پیوند کلیک کند، هر یک از چهار پیوند دیگر با کلیک کردن، صفحات وب را در همان برگه مرورگر باز می کند که اولین پیوند کلیک شده است. .

Alternate to _Blank Attribute

اتفاقا لازم نیست از _blank استفاده کنید. می توانید از یک کلمه متفاوت استفاده کنید.

تفاوت بین استفاده از _blank و هر کلمه دیگری در این است که استفاده از یک کلمه دیگر، هر لینک در آن صفحه را محدود می کند تا در همان برگه مرورگر جدید باز شود.

به عنوان مثال، اگر یک لینک مانند این را کد کنید:

<a href="https://www.example.com/" target="_SEJ" rel="noreferrer">

پیوند بالا در یک برگه مرورگر کاملاً جدید باز می شود.

حال، اگر دو پیوند با ویژگی پیوند یکسان دارید:

<a href="https://www.example.com/" target="_SEJ" rel="noreferrer">

<a href="https://www.example.net/" target="_SEJ" rel="noreferrer">

اگر بازدیدکننده سایت روی اولین لینک کلیک کند، یک برگه مرورگر جدید ایجاد می شود.

اگر بازدیدکننده سایت روی پیوند دوم کلیک کند، پیوند را در همان برگه مرورگر باز می کند که اولین پیوندی که روی آن کلیک شده است، اساساً از همان برگه مرورگر دوباره استفاده می کند.

ممکن است نخواهید از _Blank برای فریم های درون خطی استفاده کنید

ممکن است مواقعی پیش بیاید که ناشر نیاز به استفاده از چیزی غیر از ویژگی _blank داشته باشد.

یکی از این موارد برای قاب های درون خطی است.

یک قاب درون خطی یک عنصر HTML است که می تواند یک سند وب دیگری را در خود داشته باشد.

به عنوان مثال، برخی از تبلیغات در داخل یک iframe قرار می گیرند تا در نهایت به یک صفحه وب در یک صفحه وب تبدیل شوند.

یک قاب درون خطی با عنصر iframe (که برچسب iframe نیز نامیده می شود) کدگذاری می شود.

از آنجایی که iframe اساساً یک صفحه وب است که در یک صفحه وب دیگر تعبیه شده است، مشخصات HTML دارای ویژگی های پیوندی است که مختص iframe است که باعث می شود پیوندهای تعبیه شده در یک iframe رفتار خاصی داشته باشند.

هنوز هم می توان از _blank در iframe برای ایجاد یک صفحه وب در یک برگه مرورگر جدید استفاده کرد. اما، اگر رفتار خاصی برای iframe می‌خواهید، توصیه نمی‌شود.

سه ویژگی پیوند خاص iframe برای انتخاب وجود دارد:

1. _parent: پیوندی را خارج از iframe (و همچنین در همان صفحه وب) باز می کند.
2. _self: پیوند را در همان iframe (یا همان صفحه وب) باز می کند اما فقط در صورتی که پیوند در همان دامنه باشد. اگر پیوند به دامنه دیگری باشد کار نخواهد کرد.
3. _top:  خارج از iframe (و همچنین در همان صفحه وب) باز می شود.

_ویژگی های پیوند خالی

وقتی صحبت از ویژگی پیوند _blank به میان می‌آید، احتمالاً تعمیم دادن و به سادگی استفاده از آن تا زمانی که ویژگی پیوند noreferrer یا noopener به آن متصل شده باشد، مشکلی ندارد.

با این گفته، خوب است بدانید که جایگزین هایی وجود دارد.

در نهایت، استفاده از ویژگی پیوند _blank به آسانی و به همان اندازه که می خواهید پیچیده است، و به نیازهای خاص شما بستگی دارد.