Valid-o-Link

Gereedschapje om snel alle spaties in een link-code te vervangen door de 'onbreekbare' URL-code %20, en alle & tekens in een URL-code door de valid html-notatie &‍amp; te vervangen.

Achtergrond

Een webpagina gemaakt die prachtig door de html-validator komt. Drie maanden later toevallig nog eens gecheckt. Wat? Een hele riedel fouten! En toch alleen maar een paar nieuwe links toegevoegd, netjes gekopieerd uit de adresregel van de browser.
De boosdoener? De "ampersand", het & teken, dat voor valid URL-code een &‍amp; moet zijn.

Spaties in map-namen of bestandsnamen van een site kunnen bij bv. inplakken in een e-mail een gebroken link (en een spoorloze pagina of onvindbaar document) opleveren, wat met een %20 op de plaats van de spatie(s) vermeden kan worden.

Met dit gereedschapje bent u van beide verschijnselen af.

Invoeren van de URL

Plak hier uw link-code in:

Resultaat

Hier is uw verbeterde URL-code:

Kopieer de code, en plak deze in uw html-editor.

Opmerkingen

• Bij het klikken op een zo gemaakte link-URL (en bij klikken op de knop 'Probeer de link') is in de diverse browsers de pagina hetzelfde, maar is de adresregel anders.
  Firefox toont weer spaties waar het %20 teken stond, en een gewone & waar de &‍amp; stond.
  Internet Explorer maakt ook een gewone & waar de &‍amp; in de link stond, maar zet er wel de %20 tekens in.
  Opera gebruikt in de adresregel zowel de %20 tekens als de &‍amp; van de link.
  Enz.: alle browsers zingen dus hier hun eigen lied.
• Een & in een URL-link is geen valid html, maar spaties in een URL zijn wel geldige html (vergelijk de html-validator).
• De & tekens in parameters bij een URL komen met name (en vaak: herhaaldelijk!) voor in lange URL's die door een CMS of database gegenereerd zijn.
• Voorbeeld: de URL's die Google Maps produceert.

Opmerkingen bij links naar Google Maps

In pagina's van Google Maps zit een mini-menu 'Link', met in een pop-up de opties: 'Link plakken in e-mail of chatbericht' en 'HTML in website plakken'.

• De laatste optie heeft al de &‍amp; notatie, de eerste niet!
• Maar de eerste optie is de "pure link", die ergens ingeplakt kan worden: die moet dus nog door deze Valid-o-Link gehaald worden om in een html-pagina valid te zijn.

De tweede optie is bedoeld om een Google-map direct op een html-pagina te plaatsen, en werkt met een <iframe>. Dat levert bij een Strict DOCtype helaas óók ongeldige html op; voor het op deze manier embedden van een Google-map is een Transitional DOCtype nodig.

• Zie de Valid DOCtype pagina van W3C.
• De beste methode zou zijn het insluiten van de Google-map als <object>, maar dat kunnen Internet Explorer 7 en eerdere IE-versies niet weergeven.
• Workaround: insluiten van de Google-map als <object>, en via een Conditional Comment voor IE7 en eerder inbedden via een <iframe>. Met deze omleiding kan ook een Strict DOCtype gehandhaafd blijven.

Tip

Gebruik op uw eigen site nóóit een & teken in de naam van een map of bestand, en gebruik zelf nóóit een spatie in de naam van een map of bestand!