HTML - Pour que votre site apparaisse bien sur les smartphones et tablettes!

Il existe une balise pour que votre site internet apparaisse bien sur les appareils mobiles de type smartphones et tablettes.

Pour cela vous devez utiliser la balise meta suivante  :

<meta name="viewport" content="width=device-width">

La page visitée s'adaptera automatiquement à la résolution de l'appareil qui la consulte.

Il existe des options en plus pour spécifier une certaine largeur , ou un rapport d'échelle que vous pouvez appliquer. Je ne saurais vous conseiller de vous documenter par rapport à un besoin d'affichage spécifique.

HTML - Comment éviter que les accents soient mal retranscris!

En mettant à jour un site internet en ajoutant un bouton qui ramener vers un autre site, je me suis aperçu que la page en question n'affichait plus correctement les caractères comportant des accents , les : é, è, à, ù par exemple. Les méta caractères n'étaient donc plus retranscris correctement.

Je me suis donc dit qu'il devait y avoir une incompatibilité de codage entre ma page et les options du bouton.

Le site contenait la balise suivante :

 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Cette balise est en déclin depuis 2006 au profit de l'UTF-8 d'après Wikipedia :

 Source : Wikipedia

Il vaut mieux utiliser la balise suivante :

 <meta charset="utf-8">

Et cela a résolu mon problème d'affichage de méta caratère, tout en étant plus à jour au niveau de standard.