Yesterday, I asked about noopener and noreferer on my facebook timeline
, and, in relations to that post, I will give a brief details about what they means and how they are generally useful in development.
Noopner is a web features that helps to take basic security measures in your development.
They are use in the tag and call with the "rel" attribute.
Noopener are used when you are targeting a blank page for your link, that is, when you want a certain link to be opened in a new tab when a user clicked on it, the attribute <_target>.
The "Noopener" attribute ensures that, the new tab does not have access or any information from the original tab.
Just say, "It helps to mitigated security risk that has to do with opening of tabs in development.
This measure is safe for security purpose.
Now, "Noreferrer" just like noopener:
Noreferrer ensures, the new tab does not carry on with any information from the original tab to the new tab.
Thr browser prevents the newly opened tab or window from passing any referrer information to the linked page.
No referrer protect users privacy and security and ensures it is not transmitted.
To summarize this, in any stages of development, if you must allow users to open a link in another tab or window, ensure to use the "noopener and "noreferrer" tag in your "rel" attribute. It helps to protect users privacy and security.
I hope you find this helpful?
I am Oluwatoyin
For Tech, For Innovation
Top comments (0)