Er is geen CSS ondersteuning.
HTML5 heeft een eenvoudige manier om de geografische locatie van jouw bezoekers te bepalen. Als je een API bij Google ophaalt en daar de lengte- en breedte-graad in verwerkt, kan je zo'n leuk Google-kaartje op het scherm zetten met de plaats waar je (meestal de server van jouw provider) het internet bent "opgegaan". Lange verhalen zijn niet nodig. Plaats de onderstaande code ergens op jouw website en je zet de geo-location op het beeldscherm.
<p id="geo">
<script type="text/javascript">
/*globals localStorage */
var tekstregel="jouw browser geeft geen support voor geolocation services.";
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(function(position){
tekstregel='breedtegraad is '+position.coords.latitude+', lengtegraad is '+position.coords.longitude;
localStorage.setItem("geo",tekstregel);});
tekstregel=localStorage.getItem("geo");
localStorage.removeItem("geo");}
if(tekstregel===null){tekstregel='geef toestemming en refresh de pagina';}
document.getElementById("geo").innerHTML=tekstregel;
</script>
</p>
Ik denk niet dat het een verrassing is dat deze procedure valideert op html5. Maar ook JSLint en de W3C-CSS-validator zijn tevreden met de code.
cache 12-07-2010