Updated_noopener_noreferrer_definitions.md

[experimentalgithub007]

I have Simplified the Definitions of noopener and noreferrer definitions with added examples.

The noopener value prevents the opened link from gaining access to the webpage from which it was opened.
noopener: The noopener attribute ensures that a link opened in a new tab or window cannot interact with or access the original page. Without it, the new page can use JavaScript to manipulate the original page, which poses a security risk.

The noreferrer value prevents the opened link from knowing which webpage or resource has a link (or 'reference') to it. The noreferrer value also includes the noopener behaviour and thus can be used by itself as well.
For example:
"Open Example"

In this code:
target="_blank": opens the link in a new tab.
rel="noopener": prevents the new tab from accessing the original page, ensuring security.

Without noopener, the new tab could use JavaScript to interact with the original page, which is unsafe.

noreferrer: The noreferrer attribute provides both privacy and security. It prevents the new page from knowing where the user came from (hiding the referrer) and also includes the behavior of noopener, preventing the new page from accessing the original page.

For example:
"Visit Example"

In this example:
target="_blank": opens the link in a new tab.
rel="noreferrer": ensures the new page cannot see the referring page’s address (privacy) and prevents it from accessing the original page (security).

By using rel="noreferrer", you automatically get the benefits of both privacy and security.