Vous avez peut-être déjà entendu le terme HTML5 dans vos voyages en ligne. Mais savez-vous ce qu'est réellement le HTML5?
Il est important de le savoir, car HTML5 vous donne plus de choix pour un site Web plus riche, ainsi que des fonctionnalités supplémentaires. Vous en entendrez probablement davantage.
En fait, votre prochain site Web pourrait être écrit en HTML5. Par conséquent, vous souhaiterez être informé de manière à en savoir suffisamment pour communiquer correctement avec votre développeur Web et à examiner vos options pour votre site Web.
$config[code] not foundEt alors Est HTML5?
Le HTML existe depuis le début d'Internet. C'est un langage qui sert de blocs de construction pour les sites Web. HTML est le code qui fait apparaître les images sur la page, les aligne, rend le texte normal ou gras, spécifie la police de caractères que le texte doit être, et bien plus encore.
Depuis les années 1990, il y a eu 4 versions de HTML. Nous sommes en train de passer à la version 5, ce dont nous sommes ici pour parler aujourd'hui.
La planification de HTML5 a été lancée en 2004 par le World Wide Web Consortium, puis dix ans plus tard, un nombre relativement réduit de sites Web utilisaient HTML5. Cela montre que ce processus de mise à niveau des versions HTML ne se fait pas du jour au lendemain. Cela prend des années (pour ne pas mentionner une controverse et un groupe dissident de dissidents).
Mais quand HTML5 commencera à être plus largement utilisé, HTML4 ne sera pas mis à la retraite sur une île ensoleillée. HTML5 et HTML4 sont construits les uns sur les autres et chacun coexistera pacifiquement, apportant son propre ensemble de fonctionnalités.
HTML4 et HTML5 sont co-existants en ce moment. Certains navigateurs plus anciens ne peuvent pas lire HTML5, cependant. (Pour vérifier si votre navigateur est compatible HTML5, visitez ce site.)
Avantages HTML5
Vous vous demandez donc probablement déjà quels seront les avantages du nouveau HTML5. Examinons quelques avantages clés.
Résoudre le problème du flash
Si vous possédez un appareil iOS, vous saurez déjà que celui-ci ne peut pas utiliser Flash. Android a aussi ses propres problèmes Flash. Avec Android, vous pouvez avoir besoin de solutions de contournement pour voir les éléments Flash d'un site ou une vidéo Flash. Cela perturbe l'expérience utilisateur si des parties d'un site Web restent interdites en raison d'une incompatibilité logicielle.
HTML5 vous permet de créer des effets et des animations plus sophistiqués, ainsi que des pages Web plus sophistiquées, sans recourir à Flash. HTML5 peut être vu comme une alternative Flash, pas un remplacement.
Sites Web plus riches
HTML5 aura le potentiel de rendre les sites Web plus rapides et plus interactifs. La lecture de vidéos en streaming sur un site Web BEAUCOUP plus rapidement en est un exemple. Des sites tels que YouTube proposent déjà des lecteurs vidéo HTML5. (Cependant, vous devez l’activer vous-même car ce n’est pas un réglage par défaut).
Cela peut aussi signifier jouer de la musique sur un site Web sans plug-ins, utiliser du code pour dessiner sur un site Web (avec votre doigt ou un stylet) ou glisser-déposer des fichiers sur un site Web (telle que la fonctionnalité de téléchargement sur WordPress).
Chrome Experiments, un site Web géré par Google, est un bon exemple de HTML5. Il présente certaines des fonctions dont HTML5 est capable. Les exemples de ce site sont créés avec WebGL, une technologie liée à HTML5 qui crée des objets et des animations 3D.
Meilleur balisage sémantique
Le balisage sémantique n’est pas une création de HTML5 - il existe déjà depuis un moment - mais HTML5 l’améliore.
Qu'est-ce que le balisage sémantique? Essayons de le décomposer sans être trop technique et ne pas nous perdre dans les détails. Auparavant, un site Web contenait des informations mais il n’était pas possible pour un moteur de recherche de donner un sens à ces informations. Il s'est contenté d'indexer ce qu'il a trouvé, mais aucun contexte n'a été attribué pour donner un sens à cette information. Un numéro de téléphone était juste une chaîne de nombres aléatoires.
Cependant, avec le balisage sémantique, les données sont interprétées dans le contexte approprié. Ainsi, un numéro de téléphone est identifié comme un numéro de téléphone, les heures d'ouverture des magasins sont identifiées comme les heures d'ouverture des magasins, etc. Cela permet aux moteurs de recherche de mieux comprendre vos requêtes et de fournir des informations plus précises. Vous pouvez donc demander à Google quand Walmart de votre région ferme ses portes, et cela affichera l'heure.
L’exemple de balisage sémantique le plus connu est peut-être l’auteur Google. Chaque fois que vous recherchez quelque chose sur Google, les articles de blog et les articles arrivent souvent avec la photo de l'auteur à gauche.
De plus, vous cherchez un cabinet d’avocats à New York? Les balises sémantiques sur les moteurs de recherche ont maintenant les détails du contact, ainsi qu'un marqueur qui vous amène à une carte Google pour les directions. Vous pouvez même lire des critiques et consulter la page Google Plus de la société.
Le balisage sémantique peut donc rendre le Web beaucoup plus utile. Le balisage sémantique peut également inclure une vidéo, des témoignages et des détails sur les produits en vente.
Et n'oubliez pas, il est facile d'ajouter Google Authorship pour que votre photo soit à côté de vos articles. Google explique tout cela étape par étape ici.
Pour intégrer d'autres éléments à votre site, Search Engine Land présente un aperçu détaillé des fonctionnalités telles que le marquage de l'adresse, les coordonnées, les types de paiement acceptés et les heures d'ouverture de votre site. Cela donne un aperçu du type de données que vous pouvez faire apparaître dans les résultats de recherche concernant votre entreprise.
Comment les entreprises peuvent-elles se familiariser avec HTML5?
La question que vous vous posez probablement maintenant est la suivante: "que dois-je faire?". La première chose à souligner est que vous ne avoir faire n'importe quoi maintenant. Votre site Web fonctionnera parfaitement sans HTML5.
Toutefois, si vous avez une entreprise qui s'appuie fortement sur une présence en ligne ou mobile, vous pourrez commencer à planifier et à examiner les options avec votre développeur Web.
Déterminez les fonctionnalités dont vous avez besoin et comment elles pourraient aider votre entreprise. HTML5 peut être ou ne pas être le bon choix pour apporter ces fonctionnalités à votre présence en ligne.
Mais gardez à l’esprit qu’il pourrait être contre-productif d’être à la pointe de la technologie si vos clients ne sont pas encore là. Leland McFarland, CTO de Small Business Trends, donne des conseils sur l’ensemble du problème HTML5:
«N'oubliez pas que vos clients utilisent peut-être d'anciens navigateurs. Ce n’est pas seulement une question de ce que vous ou votre développeur voulez. Un objectif devrait être de rendre votre site accessible au plus grand nombre de lecteurs ou de téléspectateurs possible. Si certains de vos lecteurs ne peuvent pas voir cette animation mignonne à cause d’un navigateur plus ancien, avez-vous encore une alternative à voir? Peut-être une page avec du texte et quelques captures d’images? Demandez à votre développeur de construire cette alternative afin que tout le monde puisse avoir une bonne expérience sur le site. ”
Vos données Analytics pour votre site Web (telles que Google Analytics) devraient pouvoir vous indiquer les types de navigateurs et de périphériques que votre public utilise principalement. Cela devrait vous donner une idée des besoins de votre public. Une de vos premières considérations devrait être de fournir ce qu’ils veulent et ce dont ils ont besoin. Mais pensez aussi au type de nouveau public que vous auriez aimer attirer. Par exemple, HTML5 pourrait attirer et fidéliser davantage de personnes utilisant des appareils Apple.
HTML5 est l'avenir, et a le pouvoir d'ajouter des fonctions supplémentaires à votre présence en ligne. En tant que propriétaire ou gestionnaire de petite entreprise, il vous sera utile de prendre une longueur d'avance, d'en savoir plus sur HTML5 et de commencer à planifier son utilisation.
Image HTML via Shutterstock; captures d'écran
Dans: Qu'est-ce que 7 Commentaires ▼
