iOS Devices -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />
<!--Splash screen for iOS Devices -->
<link rel="apple-touch-startup-image" href="splash-screen-320x460.png"/>
<link rel="apple-touch-startup-image" sizes="1024x748" href=" splash-screen-1024x748.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="splash-screen-768x1004.png" />
<link rel="apple-touch-startup-image" sizes="640x960" href="splash-screen-640x960.png" />
Les différentes tailles des icônes doivent être 57x57, 72x72, 114x114 pour l’iphone 3, l’iphone 4 et l’ipad.
Pour les Splash Screen, vous devez avoir 320x460, 640x960, 768x1004, 1024x748, les 2 premiers concernent l’iphone (portrait/paysage) et les suivant l’ipad (portrait/paysage). Essayez de les nommer exactement «apple-touch-icon.png » et « splash-screen.png ».
Tout ceci est obligatoire seulement si vous souhaitez faire un site iphone & ipad compatible
Exemple de Mise en situation :
Voici un exemple de ce que cela pourrait donner :
<head >
<!-- Display compability for iOS Devices -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- END Display compability for iOS Devices -->
<!-- icon for iOS Devices -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />
<link rel="apple-touch-startup-image" href="images/splash-screen-320x460.png"/>
<link rel="apple-touch-startup-image" sizes="1024x748" href="images/splash-screen-1024x748.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="images/splash-screen-768x1004.png" />
<link rel="apple-touch-startup-image" sizes="640x960" href="images/splash-screen-640x960.png" />
<!-- END icon for iOS Devices -->
</head >