Les bases de html5

Le plus récent évolution du HTML est HTML5, qui prend des sauts de conception web et délimite l'avant. Cette génération offre un ensemble étendu d'éléments et de propriétés - permettant de nouvelles possibilités de conception et d'interaction fraîches. Parce que HTML5 prend également en charge les périphériques Web mobiles, il est rapidement devenu la nouvelle norme et est maintenant pris en charge par tous les principaux navigateurs (même si Internet Explorer ne nécessite que la page Web comprend un code

Sommaire

cale - un segment de code redondant écrit dans une manière dont Internet Explorer peut comprendre).

Une solution mobile et un dispositif convivial pour les sites web

Avec l'introduction de HTML5, une question particulièrement épineuse peut-être finalement été mis au repos: la réalisation des effets d'animation cool sur les appareils Apple sans l'utilisation de Flash. La plate-forme de l'appareil Apple n'a jamais Pris en charge Flash. Ce refus était plus sur Flash monopolisant les ressources batterie et bande passante à propos de la compagnie rivalité avec Adobe (les fabricants de Flash). Quel que soit le cas, tous les sites qui utilisent Flash pour quoi que ce soit - dire, la navigation, l'interaction, ou des effets d'animation - seraient tout simplement pas travailler sur les iPhones ou iPads. HTML5 est venu à la rescousse.

Une alternative d'animation

Avec l'introduction de la nouvelle élément en HTML5, il ya maintenant un conteneur (similaire à l'élément CSS div) qui peut contenir animations cool javascript et des fonctions interactives. Parce que javascript est un langage de script puissant et peut faire beaucoup de ce que Flash peut faire, cette combinaison toile-plus-javascript présente un réel approche alternative à l'animation Web pris en charge sur les ordinateurs de bureau et les navigateurs mobiles.

L'inconvénient, bien sûr, est que vous aurez à apprivoiser javascript afin de faire tous ces trucs soignée arriver - et javascript est un langage assez robuste! L'avantage est que le ciel est la limite. Avec javascript, vous pouvez créer des interfaces utilisateur de fantaisie, dessiner des diagrammes avec des éléments de forme de base, l'échelle et faire pivoter des éléments, et de charger des images externes dans et hors. Pour utiliser le tag, vous prenez deux actions: Vous incluez une tag dans votre code HTML et de créer un javascript qui cible la toile.

Soutien écran tactile

Au cours des dernières années, l'avènement des appareils à écran tactile a forcé les concepteurs à repenser leur façon de concevoir les interfaces. Les concepteurs peuvent faire usage de plusieurs événements tactiles: Le doigt sur quelque chose, le doigt se déplaçant à travers un élément, et le doigt retiré - ou (en termes plus techniques) touchstart, TouchMove, touchEnd et touchcancel. Ces événements natives HTML5 travaillent dans WebKit (qui sont les navigateurs Chrome et Safari) et permettent presque tout type d'interaction du doigt comme la traînée, pincement et de zoom, et tournent.

Géolocalisation pour les sites web

Dans le passé, pour obtenir la localisation géographique de l'utilisateur, vous auriez à utiliser un script de détection IP accessible une base de données et faire une estimation raisonnable localisation généraux de l'utilisateur, précises à un niveau régional. HTML5 prend désormais en charge la récupération des géolocalisations plus spécifiques: Utilisation de javascript, vous pouvez trouver des informations de longitude et de latitude par GPS (pour les appareils mobiles) et Wi-Fi info routeur (pour les ordinateurs portables et de bureau). Vous pouvez même obtenir l'altitude et un timbre de temps sur l'emplacement. Bien sûr, l'utilisateur doit accepter de libérer que des informations de localisation.


Maintenant, longitude et de latitude points d'un utilisateur ne sont utiles que pour récupérer dans le contexte d'une carte - vous devez donc intégrer ces données avec Static Map l'API de Google.

L'autre chose à noter est que, une fois le navigateur connaît votre position, il est possible de suivre votre position ainsi! Cela peut sembler Big Brother-ish, mais imaginez une application mobile qui sait où vous êtes dans un centre commercial et sert des coupons pour les magasins, vous êtes dans ou à proximité lorsque vous vous déplacez.

La manipulation de contenu puissant

Plusieurs mises à jour en HTML5 permettent aux concepteurs plus de contrôle sur différents éléments de contenu sur la page. Par exemple, le nouvel attribut contenteditable peut être affecté à tout élément que vous voulez que l'utilisateur soit en mesure de modifier - par exemple, un champ de texte qui a exemple de texte que l'utilisateur peut remplacer par un texte à des fins précises.

Une autre mise à niveau qui fournit HTML5 est une extension de la boîte à outils conception de formulaire. Maintenant, vous pouvez ajouter des curseurs de gamme, un champ de recherche, une option pour insérer du texte par défaut dans les champs d'entrée tels que trouver des livres, un calendrier de pop-up pour la sélection de la date, et même un sélecteur de couleur qui ouvre le sélectionneur de couleurs de l'ordinateur. Aussi, HTML5 offre un support natif pour les éléments de formulaire requis. Vous pouvez simplement ajouter l'attribut nécessaire à une entrée, sélectionnez, ou un élément de zone de texte. De concert avec ce nouveau composant requis, CSS vous permet de cibler ces champs requis et leur donner un look unique.