#html #frontend

👩‍💻 Html <a> tagidagi rel="noopener noreferrer" atributi nima uchun kerak?

Web sahifadagi <a> havolasi orqali yangi sahifani (target="_blank") ochishda rel="noopener noreferrer" atributi xavfsizlikni ta'minlash uchun ishlatiladi.

✋ noopener nima qiladi?
- Yangi oynani ochganda eski sahifani window.opener orqali boshqarishdan himoya qiladi. Bu esa saytlarni phishing yoki zararli skriptlar orqali nazorat qilishdan saqlaydi.

👁 noreferrer nima qiladi?
- Havola bosilganda yo'naltiruvchi URL ma'lumotini yashiradi. Ya'ni, qaysi sahifadan o'tilganligi haqida ma'lumot uzatilmaydi.

Qachon ishlatiladi?

Agar siz tashqi saytga havola bersangiz va "_blank" orqali ochsangiz, xavfsizlikni oshirish uchun rel="noopener noreferrer" atributini qo'shish tavsiya etiladi.

@frontend | Happy Coding