Atribut <referrerpolicy>

Atribut <referrerpolicy> določa, kako in če sploh se pošlje referer header (informacija o URL-ju strani, ki je ustvarila zahtevo) pri nalaganju povezanega ali zaklenjenega vira (npr. slike, skripte, povezave itd.). Uporablja se za izboljšanje varnosti in zasebnosti.

Veljavne vrednosti za ta atribut so:

no-referrer: Referer header se sploh ne pošlje. URL vira ni deljen.
no-referrer-when-downgrade (privzeta vrednost): Referer header se pošlje le, če je cilj na enakem ali bolj varnem protokolu (https).
origin: Pošlje samo izvor (protokol, domena, port), ne celotnega URL-ja.
origin-when-cross-origin: Pošlje celoten URL za iste vire, za križno izvorne pa le izvor.
same-origin: Referer header se pošlje samo za iste vire, pri križnih ni poslan.
strict-origin: Pošlje samo izvor, če je cilj na HTTPS; če je HTTP, pa nič.
strict-origin-when-cross-origin: Referer header vsebuje celoten URL za iste vire; za križno izvorne pa samo izvor, če je cilj HTTPS.
unsafe-url: Referer header vsebuje celoten URL, ne glede na varnost.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>referrerpolicy</title>
</head>
<body>
    <h1>Primer atributa referrerpolicy</h1>
    
    <!-- Element povezave s politiko napotitve (referrerpolicy) -->
    <a href="https://vadnica.org" referrerpolicy="no-referrer">vadnica.org</a><br><br>
    
    <!-- Element slike s politiko napotitve (referrerpolicy) -->
    <img src="demo/demo.png" alt="demo" referrerpolicy="origin" width="400"><br><br>
    
    <!-- Skripta s politiko napotitve (referrerpolicy) -->
    <script src="examples/html/referrer_sl.js" referrerpolicy="strict-origin"></script>
    
    <!-- Elementi za prikaz in interakcijo -->
    <p id="text"></p>
    <input type="text" id="example" style="width: 50%;" readonly>
    <br><br>
    <button onclick="btn()">Vpiši besedilo v vnosno polje</button>
    
    <script>
        document.getElementById("text").innerHTML = "Dobrodošli v HTML vadnici!";
    </script>
</body>
</html>

REZULTAT