L'essentiel du HTML5

Aborder les microformats HTML5

Testez gratuitement nos 1298 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Apparus sous HTML 4, les microformats restent d'actualité sous HTML5. Ils permettent de récupérer un ensemble d'informations depuis le contenu de vos pages, à l'aide d'extensions.
03:01

Transcription

Il arrive fréquemment que dans la partie du footeur, dans la partie du pied de page, que l'adresse et les coordonnées de la société dont nous consultons le site, soient affichés. Alors si on consulte ça dans un navigateur, en fait, qu'est-ce qu'il se passe ? Rien de plus, j'ai pas de formations qui sont données vraiment, si ce n'est les formations visuelles que je peux interpréter comme étant une adresse, parce que je vois un code postal, une ville, un pays, mais c'est tout. Il n'y a aucune information informatique qui peut être extraite de façon automatique. Alors depuis HTML4, il existe un standard, qui s'apelle les micro formats, qui lui-même s'appuie sur d'autres standards utilisés, comme Hcard, etc, qui étaient mis en place. Notamment pour les fameux PDA qu'il y avait à l'époque, pour pouvoir faire transiter des données entre un ordinateur et ces débuts, ces balbulciments de petit ordinateur portatif. Donc micro formats depuis HTML5 continuait à vouloir rester sur le devant de la scène, à rester d'actualité, et c'est vrai qu'on peut les utiliser. Alors, leur utilisation est très simple, elle se base sur l'utilisation de classes, et on va pouvoir, comme ça, en l'occurence dans le format Hcard, On va pouvoir renseigner un certain nombre d'informations, concernant la localisation d'un établisemment, et notament en utilisation des classes appropriées. Vous voyez ici, le country name sous forme de classe, le postal code, la région, locality, street adress, etc. Donc, il suffit de venir dans notre format HTML, et de venir rajouter des classes, à l'imbrication, à la structure que l'on aura utilisée. Donc ici, si il y a la balise div, je rajoute une classe vcard. Ça porte un peu à confusion parce qu'on parlait de Hcard et là on parle de vcard. Bien, la classe vcard attribu le standard Hcard qui permettait de classifier les informations concernant la mise en place d'un agenda contact. Donc, aussi bien l'organisation que la personne. Donc ici on va pouvoir dire, il s'agit d'une classe organisation, c'est Puce et Média. La classe adresse, qui va être encapsulée dans cette balise div, ici, avec, d'une part la street adress, la locality, le code postal, et, enfin, le pays. Si j'enregistre, maintenant, et que je retourne dans mon navigateur, ici. Et si vous regardez bien ici, dès l'instant où je vais réactualiser la page ici, j'ai une petite extension qui renifle les micro formats. Et dès lors que la page est actualisée, la petite extension s'allume, et me dit, hop, il y a des micro formats là dedans, je les ai repérés. Et si je clique, il me dit voilà ce que j'ai trouvé, j'ai trouvé Puce et Média, 1 Impasse de la Jougue, 13490. Je te le prélocalise ici sur cet apperçu de Google Map, qu'est-ce que tu veux faire ? Tu veux le voir sur Google Map, tu veux ajouter ses coordonnées à tes contacts Google, ou est-ce que tu veux télécharger cette fiche de contact ? Donc le fait d'utiliser les micro formats, c'est très simple. Il suffit d'ajouter un nombre de classes, qui correspondent aux standards Hcard ici. et les logiciels tiers qui peuvent nuire à des micro formats, donc pouvoir les interpréter et vous proposer de gérer pour vous l'ensemble de ces données.

L'essentiel du HTML5

Préparez la structure de vos sites web de manière évolutive, sémantique, et accessible à tous avec le HTML5. Abordez la gestion du texte, les balises et les attributs, etc.

5h13 (63 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :29 juin 2016
Durée :5h13 (63 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !