Verouderde HTML-snippets en artefacten

Dit artikel behandelt niet de delen van HTML die ooit in de specificatie stonden maar nu verouderd zijn, maar kijkt in plaats daarvan naar alle snippets die hun weg naar websites hebben gevonden als gevolg van, of in strijd met, integraties van derden, browserconcurrentie, vendor-extensies en platformspecifieke hacks. Het zijn de stukjes HTML die om bepaalde redenen zijn toegevoegd en die inmiddels zijn vergeten vanwege hun huidige irrelevantie. Snippets die alleen nog voortbestaan in de markup van sites uit vervlogen tijdperken en in de hoofden van hen die meevochten tijdens de browseroorlogen.

X-UA-Compatible

<meta http-equiv="X-UA-Compatible" content="IE=edge">

In een tijd waarin browsers snel veranderden en versie-specifieke gedragingen niet ongebruikelijk waren, werd het noodzakelijk geacht om compatibiliteit met specifieke browserversies aan te geven met de X-UA-Compatible meta-tag. In dit voorbeeld is de waarde IE=edge, wat betekent dat het doel de hoogst ondersteunde documentmodus in Internet Explorer (IE) is.

Zoals beschreven in de documentatie zijn er andere waarden dan edge. Men kon ook een waarde van 5 tot 11 opgeven om overeen te komen met de bijbehorende Internet Explorer-versie, of EmulateIE7 tot EmulateIE11 om in die versiemodus te gaan, maar alleen als er een geldige DOCTYPE was gedeclareerd; anders viel de browser terug op de quirks mode.

<meta http-equiv="X-UA-Compatible" content="chrome=1">

Voordat Chrome de markt overnam, bracht Google een Internet Explorer-plugin uit genaamd Google Chrome Frame. Deze was installeerbaar in Internet Explorer-versies 6 tot en met 9 en renderde websites in de aangepaste WebKit-engine van Chrome in plaats van de Trident-engine van Internet Explorer, mits deze tag was ingesteld.

<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true">

requiresActiveX werd gebruikt om Internet Explorer 10 aan te sporen om over te schakelen naar de desktopmodus als deze in de Metro-modus stond, aangezien die laatste geen plugins ondersteunde.

ICBM-coördinaten

<meta name="ICBM" content="-31.9548, 115.8602">

ICBM (een afkorting voor intercontinental ballistic missile) is hackersjargon voor de geografische locatie van iemand, daterend uit de tijd van Usenet. De meta-tag werd gebruikt om de locatie van het onderwerp van een website te identificeren en werd gebruikt door de service GeoURL om sites op de wereldbol te plotten en mensen te helpen sites in hun geografische nabijheid te vinden.

Conditionele opmerkingen (Conditional Comments)

<!--[if gte IE 6]>
<p>Alleen getoond in Internet Explorer 6 en hoger.</p>
<![endif]-->

In een tijdperk waarin browsers regelmatig veranderden en de hevige browseroorlogen in volle gang waren, was het soms belangrijk om een specifieke browser of versie daarvan te targeten. Microsoft loste dit in Internet Explorer op met speciaal geformatteerde opmerkingen, zoals te zien in de snippet. Er was een aantal operatoren die gebruikt konden worden om de conditie verder te verfijnen:

Operator	Beschrijving
IE	Duidt Internet Explorer aan. Kan ook een versie bevatten, zoals IE 7.
lt	Kleiner dan (less than).
lte	Kleiner dan of gelijk aan (less than or equal).
gt	Groter dan (greater than).
gte	Groter dan of gelijk aan (greater than or equal).
!	NIET (NOT).
&	EN (AND).
\		OF (OR).
()	Subexpressie-operator.
true	Evalueert altijd naar waar.
false	Evalueert altijd naar onwaar.

<!-- &{navigator.appName == 'Netscape'};
<p>Alleen getoond in Netscape.</p>
-->

<!--&{navigator.platform == 'win95'};
<p>Alleen getoond in Netscape op Windows 95.</p>
-->

Netscape had zijn eigen manier om met conditionele opmerkingen om te gaan door gebruik te maken van JavaScript-entiteiten direct na een openende comment-tag. Als deze werden geëvalueerd als waar, werd de opmerking opgenomen. Als ze onwaar waren, bleef het gewoon een comment. Browsers anders dan Netscape behandelden dit altijd als een gewone comment.

Microsoft Smart Tags

<meta name="MSSmartTagsPreventParsing" content="TRUE">

Smart Tags was een systeem dat Microsoft introduceerde in Internet Explorer 6, waarmee automatisch hyperlinks in pagina's werden geïnjecteerd. Een voorbeeld dat door Microsoft werd gegeven, was dat 'een Smart Tag de namen van grote bedrijven op het web kan detecteren en taggen, waardoor je toegang krijgt tot beurskoersen en bedrijfsinformatie'. Site-eigenaren waren verontwaardigd, en de MSSmartTagsPreventParsing meta-tag werd geïntroduceerd om het mogelijk te maken dit uit te schakelen. Microsoft heeft het later volledig uit Internet Explorer verwijderd.

PICS

<meta
http-equiv="PICS-Label"
content='
(PICS-1.1 "http://www.gcf.org/v2.5"
labels on "1994.11.05T08:15-0500"
until "1995.12.31T23:59-0000"
for "http://w3.org/PICS/Overview.html"
ratings (suds 0.5 density 0 color/hue 1))
'
>

In het midden van de jaren 90 probeerde het World Wide Web Consortium (W3C) een set technische specificaties vast te stellen voor het labelen van internetinhoud, genaamd Platform for Internet Content Selection (PICS). PICS werd opgenomen in veel filterproducten, evenals in Internet Explorer vanaf versie 3. De getoonde meta-tag kon op een pagina worden geplaatst om deze te labelen.

Niet verrassend genoeg logen veel site-eigenaren over de categorie van hun sites of categoriseerden ze deze onjuist. Nog meer mensen voegden de tags simpelweg nooit toe. Het Protocol for Web Description Resources (POWDER) volgde op PICS, maar was eveneens niet succesvol in zijn doelstellingen. PICS werd tegen 2003 vrijwel volledig verlaten.

Interpage Transitions

<meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=12)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=12)">

Net zoals presentatiesoftware zoals Microsoft PowerPoint of Apple Keynote de mogelijkheid heeft om overgangen in te stellen, ondersteunde Internet Explorer (versie 4 tot 8) de bovenstaande tags voor transitie-effecten. Deze functie zou het webplatform officieel pas bereiken met de adoptie van de View Transition API. De webdeveloper Bramus heeft de overgangen van Internet Explorer geport naar de nieuwe View Transition API.

Frame Buster

<meta http-equiv="Window-target" content="_top">

Deze niet-standaard meta-tag, die in het midden van de jaren 90 begon in Netscape Navigator en zich daarna verspreidde naar Internet Explorer en andere browsers, zorgde ervoor dat een pagina uit de parent-pagina brak en als een zelfstandig browservenster werd geopend als deze in een frame was geladen. Het werd populair gebruikt door mensen die wilden voorkomen dat hun pagina's in frames op andere sites werden ingebed. De waarde _top bij Window-target specificeert dat een pagina in een venster op het hoogste niveau moet laden. Tegenwoordig gebruiken mensen beveiligingsheaders (security headers) om te voorkomen dat pagina's worden ingebed.

Baidu Page Transcoding

<meta name="applicable-device" content="pc,mobile"> <meta http-equiv="Cache-Control" content="no-siteapp,no-transform">

De Baidu Browser (百bǎi度dù浏liú览lǎn器qì) bevatte een functie voor 'transcoding' op mobiel die zeer impopulair was. Websites werden via transcoder.baidu.com gerouteerd en aangepast. Layouts werden herstructureerd, stijlen werden verwijderd, afbeeldingen werden gecomprimeerd, branding werd gewist en advertenties op de site werden verwijderd, terwijl Baidu Union (百bǎi度dù联lián盟méng) advertenties werden geïnjecteerd. Dit verstoorde sites enorm. Een van deze tags werd van 2012 tot 2018 aan sites toegevoegd om deze transcoding uit te schakelen.

Skype Toolbar

<meta name="skypetoolbar" content="skypetoolbarparsercompatible">

Er was een add-on voor Internet Explorer, Chrome en Firefox genaamd 'Skype Toolbar' (later 'Skype Click to Call'). Deze was beschikbaar van het midden van de jaren 2000 tot het midden van de jaren 2010, werd automatisch geïnstalleerd samen met Skype en probeerde telefoonnummers op pagina's te detecteren om een klikbaar icoon te tonen. Dit icoon maakte het mogelijk om via Skype naar een nummer te bellen, het aan het Skype-adresboek toe te voegen en andere Skype-gerelateerde functies uit te voeren. Omdat het invoegen van een icoon vaak voor layout-fouten zorgde, voegden ontwikkelaars de bovenstaande tag toe om dit op hun sites uit te schakelen.

De extensie was bovendien extreem onstabiel in Firefox, tot op het punt dat Mozilla deze in 2011 expliciet blokkeerde.

Image Toolbar

<meta http-equiv="imagetoolbar" content="no">

Internet Explorer 6 voegde een Image Toolbar toe, die over afbeeldingen verscheen en knoppen toonde voor acties zoals het opslaan of delen van een afbeelding. Ontwikkelaars haatten deze inbreuk op hun site natuurlijk en konden de functionaliteit uitschakelen met de bovenstaande meta-tag.

ClearType

<meta http-equiv="cleartype" content="on">

ClearType is het systeem van Microsoft om de leesbaarheid van typografie te verbeteren. Deze tag kon aan pagina's worden toegevoegd om typografie er beter uit te laten zien op apparaten met een lage resolutie, specifiek diegene die Pocket Internet Explorer / Internet Explorer Mobile gebruikten.

AJAX Crawling

<meta name="fragment" content="!">

Google voerde voorheen geen JavaScript uit bij het crawlen van pagina's, waardoor sites met AJAX-gebaseerde inhoud niet werden geïndexeerd. Deze meta-tag vertelde de crawler van Google om een pagina aan te vragen met de queryparameter escapedfragment_, waarvan werd verwacht dat deze een HTML-versie van de inhoud van de pagina zou retourneren. Google begon deze aanpak in 2009 aan te bevelen en stopte hiermee in 2015.

Directory

<meta name="robots" content="noodp, noydir">

Webdirectories waren vroeger immens populair als manier voor mensen om inhoud op het internet te vinden. Twee van de populairste waren de Yahoo Directory en DMoz (genoemd naar de URL directory.mozilla.org). De directories schreven soms hun eigen titels en beschrijvingen voor sites, die door sommige zoekmachines werden gebruikt. Om zoekmachines te signaleren dat ze de metadata op de pagina zelf moesten gebruiken en niet die van de directories, voegden ontwikkelaars de bovenstaande meta-tag toe. Beide directories zijn inmiddels verdwenen, waardoor deze snippet irrelevant is.

Web App Name

<meta name="application-name" content="App Title">

application-name werd gebruikt door verschillende web-app implementaties in diverse browsers voordat Progressive Web Apps (PWAs) gevestigd raakten. Als deze tag ontbrak, vielen systemen meestal terug op de <title>.

Internet Explorer Pinned Sites

<meta name="msapplication-tooltip" content="Visit our site!">
<meta name="msapplication-starturl" content="./">
<meta name="msapplication-window" content="width=1024;height=768">
<meta name="msapplication-navbutton-color" content="#FF3300">
<meta name="msapplication-task" content="name=Blog;action-uri=/blog;icon-uri=/favicon.ico">

Internet Explorer 9 en hoger op Windows 7 had een functie om sites vast te pinnen aan de taakbalk. Wanneer gepind, konden sites bepaalde functies blootstellen op besturingssysteem- en browserniveau, bijna zoals een moderne progressive web app. msapplication-tooltip was tekst die getoond werd bij het hoveren over het icoon van de site; msapplication-starturl stelde de root-URL van de gepinde site in; msapplication-window bepaalde de initiële grootte van het venster wanneer dit geopend werd (minimale breedte 800px en hoogte 600px); msapplication-navbutton-color stelde een aangepaste kleur in voor de terug- en vooruitknoppen van de browser; en msapplication-task werd gebruikt om snelkoppelingen te definiëren die toegankelijk waren via een rechtermuisklik op een gepinde site in de taakbalk, zoals een directe link naar een blogpagina.

Microsoft Web Apps

<meta name="msapplication-TileColor" content="#FF3300">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="msapplication-square70x70logo" content="/images/small-tile.png">
<meta name="msapplication-square150x150logo" content="/images/medium-tile.png">
<meta name="msapplication-wide310x150logo" content="/images/wide-tile.png">
<meta name="msapplication-square310x310logo" content="/images/large-tile.png">
<meta name="msapplication-config" content="/browserconfig.xml">

Zeer vergelijkbaar met de eerder genoemde Pinned Site functionaliteit, werden deze waarden gebruikt voor de presentatie. msapplication-TileColor, msapplication-TileImage en de diverse msapplication-square en msapplication-wide tags werden gebruikt voor het bepalen van de theming van de tegels over de verschillende versies van Windows, inclusief de desktop-UI, Metro-UI en Windows Mobile.

<meta name="msapplication-badge" value="frequency=360;polling-uri=https://contoso.com/BadgeUpdate.aspx">

msapplication-badge werd gebruikt om een webadres te definiëren dat gepolld kon worden voor meldingen die op de Live Tile van een site zouden verschijnen.

Chrome Pinned Web Apps

<meta name="application-url" content="https://vale.rocks">

Google Chrome had functionaliteit voor gepinde web-apps die application-url gebruikte voor de start-URL.

CRX-less Web Apps

<link rel="chrome-application-definition" href="application_definition.json">

CRX-less Web Apps waren applicaties in Google Chrome waarmee een online manifest kon worden gebruikt om een gehoste app te beschrijven. De bovenstaande tag linkte naar een JSON-bestand met het manifest:

{
"name": "Application",
"description": "Description describing the app.",
"launch_url": "index.html",
"launch_container": "panel",
"icons": {
"128": "128.png"
},
"permissions": ["notifications"]
}

Deze CRX-less apps konden in de Chrome Web Store worden verspreid met enkel het JSON-manifest en een icoon, zonder dat het volledige .crx formaat nodig was dat Chrome voor extensies gebruikt. Dit type app werd later hernoemd naar 'Chrome Apps', die inmiddels worden uitgefaseerd.

iOS Web Apps

<link rel="apple-touch-icon" href="/custom_icon.png">
<link rel="apple-touch-startup-image" href="/splash.png">
<meta name="apple-mobile-web-app-title" content="App Name">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

Om site-eigenaren in staat te stellen de ervaring van hun websites aan te passen wanneer deze aan het startscherm van een iOS-gebruiker werden toegevoegd, introduceerde Apple de bovenstaande meta-tags. Het icoon, startafbeelding en titel zijn zelfverklarend, terwijl apple-mobile-web-app-capable de browser-chrome uitschakelde en apple-mobile-web-app-status-bar-style het mogelijk maakte de statusbalk van het besturingssysteem in te stellen op een van drie waarden:

• default – Witte achtergrond met zwarte tekst en iconen.
• black – Zwarte achtergrond met zwarte tekst en iconen.
• black-translucent – Achtergrondkleur afgeleid van de achtergrondkleur van de webpagina met witte tekst en iconen.

Deze meta-tags zijn inmiddels overbodig gemaakt door moderne PWA-definities.

<meta name="apple-touch-fullscreen" content="yes">

apple-touch-fullscreen werd gebruikt in sommige vroege demo's voor iOS 2, hoewel Apple's documentatie alleen apple-mobile-web-app-capable weerspiegelt. Vanwege de aanwezigheid in die vroege demo's werd apple-touch-fullscreen populair voordat de functie werd uitgebracht, wat Apple schijnbaar ertoe aanzette om het een alias van apple-mobile-web-app-capable te maken.

UC Browser en QQ Browser

<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">

UC Browser en QQ Browser waren bijzonder populaire browsers in Azië gedurende het begin en midden van de jaren 2010, vanwege hun sterke databesparing en optimalisatie voor goedkope apparaten. UC Browser gebruikte screen-orientation om een specifieke weergave-oriëntatie af te dwingen en full-screen om de browser-chrome te verbergen. QQ Browser deed hetzelfde, maar met x5-orientation en x5-fullscreen. De 'X5' in die namen verwijst naar de X5 browser-engine van Tencent. De meta-tags zijn niet langer nodig vanwege de standaard fullscreen- en orientation-API's en de popularisering van krachtigere browsers.

PDA Optimised

<meta name="HandheldFriendly" content="true"> <meta name="MobileOptimized" content="320">

Vóór de verspreiding van <meta name="viewport" content="width=device-width"> om sites netjes te schalen naar kleine schermen, werden deze tags veel gebruikt voor mobiele inhoud. HandheldFriendly werd gemaakt voor AvantGo en verspreid naar de Blackberry Browser, terwijl MobileOptimized een creatie van Microsoft was voor oude versies van Windows Mobile.

Internet Explorer Tap Highlight

<meta name="msapplication-tap-highlight" content="no">

Deze snippet voorkomt dat links oplichten wanneer ze worden aangetikt in Internet Explorer 11. Het was vergelijkbaar met -webkit-tap-highlight-color, hoewel het in tegenstelling tot die eigenschap een boolean was en het niet mogelijk maakte de kleur te wijzigen.

Revisit-After

<meta name="revisit-after" content="7 days">

Een website genaamd Vancouver Webpages runde een niche regionaal zoeksyteem genaamd 'searchBC' (waarbij BC staat voor British Columbia) dat deze tag gebruikte om te weten hoe vaak een site opnieuw gescrapt moest worden. Dit was echter het enige bekende gebruik van de tag. Er is geen bewijs dat deze ooit is gebruikt door enige grote zoekmachine, inclusief Google. Ondanks dit raakte het somehow in trek als een soort SEO-mythe en werd het over het web verspreid.

Page Prerendering

<link rel="prerender" href="https://example.com">

Deze functionaliteit werd alleen volledig ondersteund in Chrome tussen versies 13 en 62 en is nooit gespecificeerd. Het haalde een pagina op en verwerkte deze, zodat deze klaarstond wanneer gebruikers ernaartoe navigeerden. De functionaliteit is vervangen door de Speculation Rules API.

Accelerated Mobile Pages Version

<link rel="amphtml" href="https://example.com/amp.html">

Accelerated Mobile Pages (AMP) waren herstructureerde versies van pagina's, geoptimaliseerd voor snellere contentlaadtijden. Deze tag werd gebruikt om naar een AMP-versie van een pagina te linken. Echter, Accelerated Mobile Pages worden niet langer breed gebruikt en Google pusht ze niet meer, waardoor de tag overbodig is geworden.

Internet Explorer Reading View

<meta name="IERMOFF" content="true">

Vanaf Internet Explorer 9 werd 'Reading View' geïntroduceerd. Door op een knop te drukken die in de browser-chrome verscheen, kreeg men een vereenvoudigde versie van een pagina die geschikt was om te lezen. Pagina's konden ervoor kiezen om deze knop niet te tonen door de bovengenoemde meta-tag toe te voegen.

Really Simple Discovery

<link rel="EditURI" href="https://example.com/xmlrpc.php?rsd" type="application/rsd+xml" title="RSD">

Really Simple Discovery (RSD) was een systeem om diensten voor het beheren van een blog bloot te stellen aan clients. De link in de head stuurde clients naar een XML-document dat endpoints bevatte waaraan tools zoals Windows Live Writer, BlogJet of MarsEdit konden verbinden. Het werd geïmplementeerd op diverse platforms, waaronder WordPress, Blogger, LiveJournal, TypePad en MediaWiki. Moderne publicatiesystemen hebben dit over het algemeen gedeprecieerd.

Pingbacks

<link rel="pingback" href="https://example.com/xmlrpc.php">

Pingbacks waren een systeem waarbij sites andere sites waarschuwden wanneer ze naar hen linkten. De site die de 'ping' ontving, controleerde of er daadwerkelijk een link aanwezig was op de site die de ping stuurde, en maakte vervolgens een notitie op de pagina in de trant van '[Website] linkte naar deze pagina'. Ze functioneerden enigszins vergelijkbaar met hoe WebMentions werken.

Helaas werden pingbacks vrij snel een weg voor spam en SEO-gaming, waardoor ze uit de mode raakten. Ook kwetsbaarheden waardoor sites konden worden platgelegd via DDoS-aanvallen werden op grote schaal geëxploiteerd.

Share Partners

<link rel="imagesrc" href="https://example.com/post/image.png"> <link rel="audiosrc" href="https://example.com/post/audio.mp4"> <link rel="video_src" href="https://example.com/post/video.mp4">

Voordat Facebook Open Graph creëerde, hadden ze een 'Share Partners'-systeem voor het definiëren van metadata die in embeds gebruikt konden worden. Veel andere sites namen dit over als een ad-hoc standaard en implementeerden de tags, bijvoorbeeld Digg.

rel="imagesrc" werd gebruikt voor een afbeelding om in te bedden, rel="audiosrc" voor audio en rel="video_src" voor video. Er waren een aantal van deze meta-tags die in variërende mate werden ondersteund.

Twitter Embeds

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@account">
<meta name="twitter:creator" content="@writer_account">
<meta name="twitter:url" content="https://example.com/posts/hello-world">
<meta name="twitter:title" content="Title">
<meta name="twitter:description" content="Page description">
<meta name="twitter:image" content="https://example.com/hello-world-embed-image.png">
<meta name="twitter:image:alt" content="Alternative text for the image.">

Deze meta-tags (en enkele andere, minder frequent gebruikte) werden door Twitter gebruikt bij het genereren van link-embeds. De documentatie en de card validator zijn echter niet langer toegankelijk. X valt nu terug op de breed geaccepteerde Open Graph meta-tags, waardoor Twitter-specifieke declaraties grotendeels nutteloos zijn. Ze zouden vervangen moeten worden door Open Graph tags. Verder zouden ze verwijderd moeten worden omdat X een verschrikkelijke site is met slechte moderatie, eigendom van een man die publiekelijk een nazi-Sieg Heil-groet uitvoerde en direct heeft bijgedragen aan de opkomst van het fascisme in de Verenigde Staten en wereldwijd, naast andere gruwelijkheden.

<meta name="twitter:dnt" content="on">

Twitter had ook een Do Not Track meta-tag om tracking uit te schakelen bij het gebruik van Twitter for Websites widgets. Ook hier is de documentatie niet langer toegankelijk en het lijkt erop dat de tag niet meer wordt gerespecteerd.

***

Dit artikel is niet uitputtend. Dit zijn enkel de meer populaire of opvallende niet-standaard snippets. Er zijn nog veel meer obscure stukjes die ronddrijven in de scherven van de cyberspace. De nieuwsgierige geest kan meer vinden – zij het zonder bijbehorende details – op de WhatWG Wiki.

Voetnoten

1. Google probeerde eind 2024 iets vergelijkbaars met een functie genaamd 'Page Annotations' in hun Google-app op iOS. Dit werd gehaat en uiteindelijk in maart 2025 stopgezet.