set referrer policies for
individual requests:

html

    
    
    <a href="http://example.com" referrerpolicy="origin">â¦</a>
    

Alternatively, you can set a ` noreferrer ` [ link relation ](/en-
US/docs/Web/HTML/Attributes/rel) on an ` a ` , ` area ` , or ` link `
elements:

html

    
    
    <a href="http://example.com" rel="noreferrer">â¦</a>
    

**Warning:** As seen above, the ` noreferrer ` link relation is written
without a dash. When you specify the referrer policy for the entire document
with a [ ` <meta> ` ](/en-US/docs/Web/HTML/Element/meta) element, it should be
written _with_ a dash: ` <meta name="referrer" content="no-referrer"> ` .

##  Integration with CSS

CSS can fetch resources referenced from stylesheets. These resources follow a
referrer policy as well:

  * External CSS stylesheets use the default policy ( ` strict-origin-when-cross-origin ` ), unless it's overwritten by a ` Referrer-Policy ` HTTP header on the CSS stylesheet's response. 
  * For [ ` <style> ` ](/en-US/docs/Web/HTML/Element/style) elements or [ ` style ` attributes ](/en-US/docs/Web/API/HTMLElement/style) , the owner document's referrer policy is used. 

##  Examples

###  ` no-referrer `

From document  |  Navigation to  |  Referrer used   
---|---|---  
` https://example.com/page ` |  _anywhere_ |  _(no referrer)_  
  
###  ` no-referrer-when-downgrade `

From document  |  Navigation to  |  Referrer used   
---|---|---  
` https://example.com/page ` |  ` https://example.com/otherpage ` |  ` https://example.com/page `  
` https://example.com/page ` |  ` https://mozilla.org ` |  ` https://example.com/page `  
` https://example.com/page ` |  **http** ://example.com  |  _(no referrer)_  
  
###  ` origin `

From document  |  Navigation to  |  Referrer used   
---|---|---  
` https://example.com/page ` |  _anywhere_ |  ` https://example.com/ `  
  
###  ` origin-when-cross-origin `

From document  |  Navigation to  |  Referrer used   
---|---|---  
` https://example.com/page ` |  ` https://example.com/otherpage ` |  ` https://example.com/page `  
` https://example.com/page ` |  ` https://mozilla.org ` |  ` https://example.com/ `  
` https://example.com/page ` |  **http** ://example.com/page  |  ` https://example.com/ `  
  
###  ` same-origin `

From document  |  Navigation to  |  Referrer used   
---|---|---  
` https://example.com/page ` |  ` https://example.com/otherpage ` |  ` https://example.com/page `  
` https://example.com/page ` |  ` https://mozilla.org ` |  _(no referrer)_  
  
###  ` strict-origin `

From document  |  Navigation to  |  Referrer used   
---|---|---  
` https://example.com/page ` |  ` https://mozilla.org ` |  ` https://example.com/ `  
` https://example.com/page ` |  **http** ://example.com  |  _(no referrer)_  
**http** ://example.com/page  |  _anywhere_ |  ` http://example.com/ `  
  
###  ` strict-origin-when-cross-origin `

From document  |  Navigation to  |  Referrer used   
---|---|---  
` https://example.com/page ` |  ` https://example.com/otherpage ` |  ` https://example.com/page `  
` https://example.com/page ` |  ` https://mozilla.org ` |  ` https://example.com/ `  
` https://example.com/page ` |  **http** ://example.com  |  _(no referrer)_  
  
###  ` unsafe-url `

From document  |  Navigation to  |  Referrer used   
---|---|---  
` https://example.com/page?q=123 ` |  _anywhere_ |  ` https://example.com/page?q=123 `  
  
###  Specify a fallback policy

If you want to specify a fallback policy in case the desired policy hasn't got
wide enough browser support, use a comma-separated list with the desired
policy specified last:

http

    
    
    Referrer-Policy: no-referrer, strict-origin-when-cross-origin
    

In the above scenario, ` no-referrer ` is used only if the browser does not
support the ` strict-origin-when-cross-origin ` policy.

**Note:** Specifying multiple values is only supported in the ` Referrer-
Policy ` HTTP header, and not in the ` referrerpolicy ` attribute.

##  Browser-s