background preloader

Les nouveautés du HTML 5

Les nouveautés du HTML 5
Le HTML5, le successeur du HTML4.01 est arrivé depuis quelques temps déjà. Il offre pas mal de nouveauté intéressante, voici un rapide aperçu du potentiel du HTML 5: Plus d'interactivité L'une des principales nouveautés de HTML 5 : l'interactivité ! Il est très courant sur le Web de rencontrer des sites web qui manipulent des données hautement interactives telles que : des vidéos, des musiques, des animations,... et bien sûr jusqu'à présent toutes ces technologies nécessitaient des langages tiers et indépendant du HTML. Et bien à partir de maintenant, le langage HTML 5 permet également au webmaster de construire des applications web plus dynamique du côté de l'interface utilisateur sans avoir la nécessité de recourir à d'autres langages : Javascript, Flash, Ajax.... Un code plus propre HTML5 permet aux développeurs un nettoyage automatique du code, ce qui permet ainsi de simplifier la structure d'une page et ainsi alléger le poids final de la page web. Un code plus facile à comprendre

Formulaires HTML5 : placeholder, required, pattern et validation HTML5 introduit de nombreuses nouveautés pour les formulaires pour améliorer l'aide à la saisie et les contrôles disponibles pour l'utilisateur. Plusieurs attributs simples à mettre en place améliorent la prise en charge des formulaires, tout en se passant de JavaScript. placeholder est un attribut qui permet de renseigner un texte indicatif par défaut dans un champ de formulaire. C'est une valeur qui s'efface dès que l'utilisateur active le champ de formulaire (ou commence à écrire dedans si vous êtes sous Webkit). Mise en place Ce comportement a très longtemps été mis en place grâce à JavaScript et des techniques dans ce genre : Avec l'arrivée de HTML5, la syntaxe se simplifie pour donner : La présence d'un placeholder ne vous dispense pas de renseigner un label pertinent. Démonstration Éléments compatibles L'attribut placeholder peut être placé sur les éléments : <input> : de type text, search, password, url, tel, email <textarea> Compatibilité de l'attribut placeholder Styler le placeholder

Illustrator Tutorials & Tips | Vector Diary HTML5 se dévoile Le brouillon officiel (working draft) de HTML5 a été publié officiellement le 23 avril 2009 et depuis de nombreuses avancées ont été accomplies, les navigateurs supportant toujours plus de fonctionnalités et de nouveautés. La nouvelle génération du langage de balisage HTML remplacera à long terme HTML 4, XHTML 1.x et XHTML 2 qui a été abandonné. Profitons de cette occasion pour faire un tour d'horizon de cette nouvelle version de HTML. Consultez également toutes nos autres ressources HTML5 Qu'est-ce que c'est HTML5 ? Comme son nom l'indique, HTML 5 est le successeur de HTML 4. Le W3C c'est quoi déjà ? Le World Wide Web Consortium, abrégé W3C, est un organisme de standardisation à but non-lucratif, fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP. Quelles sont les nouveautés ? <aside> Welcome! Les balises principales Doctype Le doctype est simplifié : Section Article Aside Nav

La sculpture hyperréaliste | PomGraphik 22/11 2009 20h04 Auteur : iNaphrayoo Capables de reproduire à la ride près un humain pour mettre en exergue la déchéance d'un corps vieillissant ou obèse. Leur traits sont accentués par leurs tailles hors normes ou leurs positions pensives ou impossibles. Outre ses origines, l'homme a toujours voulu se recréer, se refaire à la perfection ou se repenser. Nous allons découvrir quelques sculpteurs devenus maîtres en matière de créations humaines. Jamie Salmon Britannique résidant à Vancouver, Jamie Salmon est spécialisé dans la sculpture hypperréaliste en utilisant les matériaux comme le caoutchouc, le silicone, la fibre de verre, l'acrylique et les cheveux humains. Duane Hanson Contrairement à Jemie Salomon, Duane Hanson est réfractaire à l'interprétation subjective que l'on peut donner à ses oeuvres. Evan Penny Dans une approche de questionnement de la réalité, Evan Penny force la prise de conscience de la perception du faux ou du réel.

HTML5 Wikipedia Un article de Wikipédia, l'encyclopédie libre. HTML5 (HyperText Markup Language 5) est la dernière révision majeure d'HTML (format de données conçu pour représenter les pages web). Cette version est en développement en 2013. Dans le langage courant, HTML5 désigne souvent un ensemble de technologies Web (HTML5, CSS3 et JavaScript) permettant notamment le développement d'applications (cf. Contexte historique[modifier | modifier le code] Changements par rapport à HTML 4.X et XHTML 1.X[modifier | modifier le code] Spécifications[modifier | modifier le code] Les spécifications sont publiées par le W3C Doctype[modifier | modifier le code] Tout comme les pages HTML ou XHTML, les documents HTML5 nécessitent une déclaration Doctype[2] indiquant la méthode standard de rendu par le navigateur. Exemple d'utilisation avec HTML5[modifier | modifier le code] Voir aussi : html5-profile Encodage[modifier | modifier le code] Solutions[modifier | modifier le code] <? Pour la balise <a>:

Introduction à l’HTML5 Cet article est destiné aux débutants en HTML5, et à tous ceux qui souhaitent en savoir un peu plus sur cette nouvelle technologie qui agite le web et le monde mobile. Si vous vous intéressez aux technologies du web, vous avez probablement déjà entendu parler de l’HTML5 aux cours des dernières années. Cette introduction va vous donner un premier aperçu de ce qui se cache derrière le terme HTML5, vous présentera le contexte dans lequel évolue cette technologie, et nous verrons un bon nombre de nouvelles fonctionnalités qu’il apporte. Sommaire : L’HTML5 c’est quoi ? L’HTML5 n’est pas… Tout d’abord, je suis convaincu que parmi vous certains se disent : L’HTML5, c’est un nouveau langage ? Ou encore : Je débute, j’ai envie d’apprendre l’HTML5 directement, ça a l’air mieux que l’HTML d’avant. Voire : Pfff, moi qui venait d’apprendre l’HTML, je vais devoir tout réapprendre… Il est grand temps de clarifier les choses : L’HTML5 n’est pas un nouveau langage. L’HTML5 est… Le W3C et le WHATWG On y arrive !

HTML5 : Les éléments <details> et <summary> Parmi les nouveautés de HTML5 faisant écho à des applications existantes sur le web, les éléments <details> et <summary> ont le rôle de baliser un complément d'information. Un résumé et des détails Élément <details> Cet élément permet de baliser un contenu quelconque (texte, image, listes, tableaux, formulaires, etc) ayant pour rôle d'apporter une information ou des détails supplémentaires. Le navigateur pourra masquer ces informations par défaut, et les déployer à la demande de l'utilisateur (voir exemples visuels ci-après). Attribut open de l'élément <details> Si cet attribut est présent, les détails sont exposés à l'utilisateur dès le chargement. Élément <summary> Cet élément sert d'intitulé à <details>, en cela il doit être pertinent. Exemples pratiques retrouvés sur systèmes d'exploitation L'intérêt de ces deux éléments fonctionnant de concert est de mimer ce que l'on retrouve déjà couramment avec les interfaces graphiques des systèmes d'exploitation. Utilisation classique Démonstration

La structure d’une page HTML5 Comme l’HTML5 est actuellement mis en œuvre par quasiment tous les webmasters sur Internet, enfin du moins les plus « passionnés », j’ai pensé qu’il était nécessaire d’expliquer certains des nouveaux éléments et de poser les bases de la structure d’une page HTML5. D’autant que plusieurs des sites que j’ai davantage regardés et qui montrent une structure HTML5, ne semblent pas avoir compris comment les nouveaux éléments structurels doivent être utilisés. Effectivement la structure de base d’un document HTML5 n’a pas changé. Chaque structure comprend une section d’entête (head) contenant des détails invisibles et des liens vers des ressources et une section de corps (body) où les éléments visibles du document résident. Voici un exemple pour la section d’entête (head) d’une page HTML5 : [sourcecode language="HTML"] <title>Titre de la page</title> </head> [/sourcecode] DOCTYPE (doctype) Élément HTML (html) Nous avons maintenant besoin d’ouvrir l’élément <html lang="fr">. Élément d’entête (head)

Le HTML5 bientôt finalisé par le W3C Selon l'annonce faite par le World Wide Web Consortium (W3C) la semaine dernière, la finalisation du HTML5 devrait être effective en 2014 et celle du HTML 5.1 en 2016. Mais le Consortium a encore d'importantes étapes à franchir et son plan de réalisation reste provisoire. Mais, si celui-ci est approuvé par le HTML Working Group, le W3C verra 15 années de travail consacrées par l'avènement non seulement du HTML 5.0 mais aussi de son successeur, le HTML 5.1. La raison pour laquelle le World Wide Web Consortium (W3C) a récemment annoncé deux spécifications HTML 5 est le résultat d'une approche différente des problèmes et des échecs auxquels le W3C a dû faire face dans le passé. Le fait de répartir les éléments initialement prévus dans le HTML 5.0 entre une version HTML 5.0 et une version HTML 5.1, va considérablement recentrer l'attention sur les problèmes et les bogues qu'il faut résoudre à échéance du HTML 5.0 : - Laisser les spécifications avancer à leur propre rythme.

HTML5 ou Natif, quelle stratégie adopter pour vos applications mobiles ? Beaucoup d’acteurs n’ont pas encore finalisé leur stratégie mobilité. Néanmoins, chacun a une réflexion sur le sujet et des projets potentiels à lancer. Parmi les premières questions que les décideurs se posent, nous retrouvons souvent celles qui concernent les choix technologiques. Quelles plateformes cibler ? Pour l’utilisation de fonctionnalités offertes par l’appareil (Accéléromètre, appareil photo, RFID,…) Pour des besoins de manipulation de données locales conséquentes (mode déconnecté) Pour des besoins forts de sécurité le natif est plus difficile à piraterSi les contraintes de synchronisation des données sont critiques, vous ne pourrez pas compter sur HTML5 pour garantir la cohérence des données surtout lorsque la connectivité réseau est perdue ou lors d’un changement de navigateurNotification plus efficace de l’utilisateur dans le cas d’une mise à jour Ainsi que les critères qui font que vous préférerez choisir du HTML5 : Les choix technologiques s’imposeront d’eux-mêmes.

Related: