Hoe kan ik protocol onafhankelijk links naar bronnen opnemen in mijn website? In HTML neem je met het http:// of https:// protocol bronnen op in jouw website, bijvoorbeeld om JavaScript of CSS te laden. Als jouw website adres verandert van HTTP naar HTTPS, omdat je een SSL-certificaat installeert, krijg je mixed-content waarschuwingen. Door altijd protocol onafhankelijke links te gebruiken voorkom je dat, je leest hier hoe…

To HTTP or to HTTPS in links en scripts, or both, protocol onafhankelijkheid in HTML

Je neemt stylesheet CSS links en JavaScript scripts op met de volgende HTML codes in jouw website:

<link rel='stylesheet' 
  id='css-01' href='http://www.example.com/style/style.css'
  type='text/css'
  media='all' />
 
<script type='text/javascript'
  src='http://www.example.com/js/jquery.js'></script>

Het probleem hiermee is dat je alle content laadt vanaf een onveilig HTTP-adres: http://www.example.com/.... Dit zie je staan in href='http:// en src='http://.

Als je een SSL-certificaat installeert op jouw website en er even niet aan denkt om al deze verwijzingen bij te werken, dan geeft dat mixed-content waarschuwingen in de browser. Dat staat onprofessioneel en is vervelend voor bezoekers. Door altijd een protocol onafhankelijke verwijzing in je code te gebruiken voorkom je dit. Je maakt eenvoudig protocol onafhankelijke verwijzingen door het protocol http en https weg te laten.

Laat alleen // staan in plaats van http:// en https://. Simpel hè! 🙂

Gebruik de volgende HTML-code om stylesheet HTML link element en JavaScript HTML script element protocol onafhankelijk te laden:

<link rel='stylesheet' 
  id='css-01' href='//www.example.com/style/style.css'
  type='text/css'
  media='all' />
 
<script type='text/javascript'
  src='//www.example.com/js/jquery.js'></script>

Wist je dat HTTP staat voor Hypertext Transport Protocol?

Hiermee maakt het niet uit of je website aangeroepen wordt als http://www.example.com of https://www.example.com, en voorkom je onprofessionele en lelijke mixed-content waarschuwingen in browsers.

Echter, het is altijd beter een bron vanaf HTTPS te laden, als dat beschikbaar is.

En relatieve URL’s?

Je zou kunnen zeggen Waarom volledige URL’s met http of https gebruiken, als je ook relatieve URL’s kunt gebruiken?. Want een relatieve URL begint na de domeinnaam, dus bijvoorbeeld /style/style.css of /js/jquery.js. Ik ben zoveel mogelijk van het gebruik van relatieve URL’s afgestapt om twee redenen:

  1. Content offloading
  2. Website scrapers

Je kunt statische content offloaden, of vanaf een andere URL laden, en daarvoor kun je een subdomein gebruiken. Bijvoorbeeld: http://statisch.itfaq.nl/style/style.css. Om hier eenvoudig en snel in te switchen gebruik ik altijd volledige links of URL’s, en geen relatieve URL’s.

Het tweede punt is dat er nogal wat website scrapers zijn die content van een website stelen. Hierom gebruik ik ook altijd volledige URL’s als link naar andere artikelen

<a href="https://www.itfaq.nl/hoe-kan-ik-mijn-moederbord-type-model-achterhalen-in-windows/" title="Hoe kan ik mijn moederbord type & model achterhalen in Windows?">Hoe kan ik mijn moederbord type & model achterhalen in Windows?</a>

en geen relatieve URL’s:

<a href="/hoe-kan-ik-mijn-moederbord-type-model-achterhalen-in-windows/" title="Hoe kan ik mijn moederbord type & model achterhalen in Windows?">Hoe kan ik mijn moederbord type & model achterhalen in Windows?</a>

Als een website scraper de content van een artikel steelt en op een blog publiceert, dan blijven interne links altijd naar mijn site verwijzen (tip!).

Let op: Anno 2018 / 2019 moet natúúrlijk alles veilig en via HTTPS, daarom biedt Vevida nu standaard Veilige Hosting mét SSL.


“Want to say thanks?”

Vond je een post interessant? Heb ik je geholpen met het oplossen van een probleem? Waarom doneer je dan geen kopje koffie? 🙂

If I’ve helped you out and you want to thank me, why not buy me a coffee?

Bedankt voor je support.


MCSA Windows Server 2016

Bereid je met dit boek voor op je MCSA Windows Server 2016 examens 70-740, 70-741 en 70-743, nu via bol.com! Dit complete studieboek is het enige boek dat je nodig hebt voor jouw MCSA 2016 certificering. Met deze aankoop steun je ITFAQ.nl, waarvoor dank!

Je vindt misschien ook interessant: 70-744 Securing Windows Server 2016 | 70-740 Installation, Storage and Compute with Windows Server 2016 | 70-741 Networking with Windows Server 2016 with Practice Test | 70-743 Upgrading Your Skills to MCSA | Kaspersky Internet Security 2019 (3 gebruikers, 1 jaar) - via bol.com