🌐 چرا بعضی لینک‌ها وقتی روشون کلیک می‌کنی، صفحه قبلی رو هم تحت تأثیر قرار میدن؟

این کد رو ببین:

<a href="https://example.com" target="_blank">
    Open
</a>

یعنی لینک داخل Tab جدید باز بشه.

اما یک نکته امنیتی مهم وجود داره.

صفحه مقصد در بعضی سناریوها می‌تونه به صفحه بازکننده از طریق window.opener دسترسی داشته باشه.

برای همین در لینک‌هایی که به سایت خارجی باز میشن، استفاده از:

<a
    href="https://example.com"
    target="_blank"
    rel="noopener"
>
    Open
</a>

انتخاب مطمئن‌تریه.

جالب اینجاست که خیلی‌ها این موضوع رو فقط یک جزئیات HTML می‌بینن.

ولی همین جزئیات کوچیک وقتی داخل یک سایت بزرگ، سیستم تبلیغات، پنل کاربری یا صفحات Third-party استفاده بشن، اهمیت بیشتری پیدا می‌کنن.

نکته مهم‌تر؟

اگر از target="_blank" استفاده می‌کنی، امنیت لینک رو هم به عنوان بخشی از تصمیم در نظر بگیر، نه صرفاً رفتار ظاهری اون.

گاهی امنیت وب از چیزهایی شروع میشه که حتی به چشم نمیان.

💬 چندتا Attribute HTML می‌شناسی که کاربرد امنیتی هم داشته باشن؟

@CodeVerse_dev