CiTinet | Architecture&développement logiciel 07.87.01.81.95

LE HTML5

Même si le remplaçant du HTML4.01 n’est pas pour demain, il faut déjà couler un peu d’encre …


Attendu pour 2011, le HTML5 nous rapproche un peu plus du web sémantique. Nous allons pouvoir spécifier plus les blocs de contenu d’un <DIV>. En spécifiant la structure des blocs ( <header>, <footer>, <article>, <nav>, <title>, <comments> ), il sera facile d’échanger le design entre terminaux de tailles différentes sans devoir réécrire tout le Template.

Nous allons voir apparaître des fonctions de drag&drop, emprunté du lourd JAVASCIPT et de ses bibliothèques AJAX.

Un « super cookie » permettra de stocker plus d’information et ainsi permettre un mode « déconnecté » de la page. (voir Google Gear)

Une balise bluffante est Géolocalisation. Testez ce code dans Firefox 3.5 …

<!DOCTYPE html>
<html>
<head>
<title>api geolocalisation « Ma Position »</title>
<script type=« text/javascript »>
function getPosition(position)
{
  var infoposition = « Latitude: « +position.coords.latitude+« <br /> »;
  infoposition += « Longitude: « +position.coords.longitude+« <br /> »;
  infoposition += « Altitude: « +position.coords.altitude+« <br /> »;
 
  document.getElementById(« myposition »).innerHTML = infoposition;
}
 
function myPosition()
{
  navigator.geolocation.getCurrentPosition(getPosition);
}
</script>
</head>
<body>
<a href= »# » onClick= »myPosition() »>Afficher ma position</a>
<div id= »myposition »></div>
</body>
</html>

 Testez aussi ici

Les possibilités de HTML 5 incluent le graphisme et l’image, ce qui permettra de faire des pages animées, des jeux en ligne multi-joueurs.

Taggé avec:

Les Commentaires sont clos