Website voor mobiele apparaten

Inleiding

Steeds meer apparaten hebben de mogelijkheid om op het internet te surfen. Deze apparaten, zoals mobiele telefoons en PDA's (Personal Digital Assistant) hebben echter meestal beperkter capaciteiten ten opzichte van een desktopcomputer.

CSS mediatype

Met behulp van het media-attribuut kunnen er verschillende stylesheets worden gebruikt voor verschillende apparaten. Deze manier klinkt heel mooi, maar helaas pakken niet alle mobiele apparaten het media-attribuut op een correcte manier op en wordt de stylesheet voor gewone browsers geselecteerd.

<!-- computers -->
<link type="text/css" media="screen" rel="stylesheet" src="screen.css" />
<!-- printers -->
<link type="text/css" media="print" rel="stylesheet" src="print.css" />
<!-- mobiele apparaten -->
<link type="text/css" media="handheld" rel="stylesheet" src="handheld.css" />

Zie: http://www.w3.org/TR/CSS21/media.html

Lichtere versie

Naast het aanpassen van de weergave, speelt ook het dataverkeer een grotere rol bij mobiele apparaten. Laad bijvoorbeeld geen grote plaatjes die bij de desktopversie wel te zien zijn, want deze zijn meestal toch veel te groot voor het scherm van een mobiel apparaat.

Let erop dat de content van de website het belangrijkste is. Het is daarom verstandig om een lichtere (aangepaste) versie van de website aan te bieden voor deze mobiele apparaten.

Overkoepelende artikelen:
Inloggen wachtwoord vergeten? Aanmelden
ADSL – Telfort Internet – Ziggo Alles in 1