Le W3C a récemment publié deux standards, à savoir « XHTML Basic 1.1 » et « Mobile Web Best Practices 1.0 ». Les deux normes sont destinées au Web mobile, XHTML Basic 1.1 étant le langage de balisage recommandé par le W3C pour le Web mobile.
XHTML de base 1.1
Il existe de nombreuses branches du langage de balisage mobile. La version de XHTML Basic 1.1 fournit une norme pour le langage de balisage mobile XHTML Basic 1.1 inclut les nouvelles fonctionnalités suivantes :
Ajout d'un - nouvel événement intégré
- au formulaire XHTML
, - d'un nouvel attribut value à l'objet li,
d'un nouvel - attribut target à
- l'objet style,
- d'un nouvel attribut style
- au module d'affichage XHTML
- et d'un nouvel attribut inputmode
à
la règle :
Concevez des pages Web cohérentes pour plusieurs appareils. Lors de la conception de pages Web mobiles, divers appareils doivent être pris en compte pour réduire les coûts et augmenter la flexibilité.
- S'appuyer sur les standards Web : dans un marché où les appareils sont nombreux, les standards Web peuvent garantir la compatibilité entre les différents appareils.
- Évitez certains problèmes courants avec les appareils mobiles : par exemple, n'ouvrez pas de fenêtres contextuelles, n'utilisez pas de tableaux imbriqués et n'utilisez pas de cadres.
- Pour comprendre les limites des appareils mobiles : les appareils mobiles ne prennent généralement pas en charge les technologies telles que les cookies et Javascript.
- Optimiser la navigation : utilisez un système de navigation clair, concis et minimal.
- Vérifiez les graphiques et les couleurs : n'utilisez pas d'images haute résolution. Vérifiez les graphiques en fonction de la taille d'écran possible, de la résolution ainsi que des couleurs et du contraste pris en charge par l'appareil mobile pour vous assurer qu'ils s'affichent correctement.
- Soyez petit : la taille d’affichage de la page, la taille du fichier et la taille CSS doivent être aussi petites que possible.
- Économisez de la bande passante : n'utilisez pas d'actualisation automatique, de redirection et d'autres technologies. Ne référencez pas trop de ressources externes et faites bon usage de la mise en cache des pages.
- Pour faciliter la saisie par l'utilisateur : La méthode de saisie des appareils mobiles est très difficile à utiliser, il est donc nécessaire de fournir autant que possible une assistance pratique pour la saisie de l'utilisateur.
- Pensez aux utilisateurs occupés : les utilisateurs occupés ont un temps limité et les informations fournies par le Web mobile doivent être concises et claires.
Vous pouvez accéder au vérificateur mobileOK pour vérifier votre site Web mobile afin de tester s'il est adapté aux mobiles.
Sources internationales pour cet article :
http://www.cmswire.com/cms/web-publishing/xhtml-11-released-mobile-best-practices-proclaimed-002984.php ;
http://www.w3.org/2007/02/mwbp_flip_cards
Traduction chinoise : COMSHARP CMS