HTML5 : Nouveaux éléments de section, article, header, footer, aside, nav

Les éléments de section HTML5, une nouvelle façon de penser Les éléments de section (section, article, nav, aside, header, footer) segmentent des portions du document ou de l'application web, qui possèdent une valeur sémantique particulière ; contrairement à des éléments génériques comme span ou div qui ont un rôle totalement neutre, et ne servent qu'à regrouper d'autres éléments HTML pour leur affecter un style CSS commun, voire pour interagir avec eux via le DOM... Il ne s'agit donc pas de nouveaux éléments avec des noms génériques : c'est bien plus que ça ! HTML5 inclut la majorité des éléments HTML4 pour assurer une rétro-compatibilité avec les navigateurs. Au-delà de ce critère, les groupes de travail qui ont élaboré HTML5 ont su analyser les usages courants et s'adapter aux tendances du web avec (entre autres) les nouvelles façons de trier l'information sur une page web. Liste récapitulative des éléments de section HTML5 Un cas particulier : Internet Explorer <9 Exemples de documents

HTML li tag HTML5 Please - Use the new and shiny responsibly Liste des évènements HTML5 Un problème, une suggestion ou une remarque : Poser votre question ou venez en discuter sur notre forum. Évènement de fenêtre – Balise <body> Événements déclenchés pour l’objet window – fenêtre. Évènement de curseur / souris Événements déclenchés par ula souris, son curseur, ses boutons ou sa molette – ou action similaire. Évènement de formulaire Événements déclenchés par des actions dans un formulaire. Évènement multimédia Événements déclenchés par les médias tels que les vidéos, les images ou les fichiers audio. Évènement du clavier Événements déclenchés par une touche du clavier ou une action similaire de l’utilisateur.

L'élément HTML 5 Canvas - Tutorial Pour commencer, voyons brièvement qu'est-ce que ce fameux élément Canvas. Introduction Le HTML 5 introduit dans ses spécifications la balise Cette balise est plutôt récente et n'est pour le moment implémentée que par quelques navigateurs: FirefoxOpéraSafariKonqueror Internet Explorer est encore en retard là dessus ... Chaque élément canvas dispose d'un contexte. Seul Opéra supporte en version bêta le contexte 3D. Une fois qu'un élément HTML canvas est déclaré, il faudra utiliser du Javascript pour créer les graphiques dynamiques. Déclaration du canvas en HTML La déclaration de l'élément est relativement simple: L'élément canvas prend en paramètres: width: La largeur de la zoneheight: La hauteur de la zoneid: L'id de l'élément qui servira au Javascript Si vous voulez voir toute la spécification HTML 5 sur le Canvas, rendez vous sur ce lien. Bon, notre élément Canvas est déclaré, maintenant, il va falloir dessiner dedans ! Initialiser le contexte 2D avec du Javascript Ca y'est !

Référencement naturel (SEO) - Guide pratique complet Novembre 2017 Ce dossier sur le référencement est mis à jour régulièrement par Jean-François Pillou, fondateur de CommentCaMarche avec des exemples d'optimisations SEO mises en oeuvre sur les sites du groupe Figaro CCM Benchmark (robots.txt, optimisation pour l'algorithme Panda, etc.). Il détaille toutes les conditions à réunir pour obtenir un bon référencement. N'hésitez pas à suivre le compte @jeffpillou sur Twitter, pour une veille SEO complète au jour le jour. Le terme « référencement » (en anglais SEO pour Search Engine Optimization, traduisez Optimisation pour les moteurs de recherche) désigne l'ensemble des techniques permettant d'améliorer la visibilité d'un site web, à savoir le positionnement (en anglais ranking) des pages d'un site en bonne place dans les pages de résultats pour certains mots-clés. Dans la peau de l'internaute Le SEO est avant tout une discipline visant à produire des pages qui plaisent à l'utilisateur. Mots-clés SEO Black hat / White hat site:votresite.com Google