Le développement d'Internet donne toujours lieu à l'émergence de nouvelles technologies, et HTML5 et CSS3 sont des sujets brûlants qui ont été discutés récemment pour tout développeur Internet, en particulier les développeurs front-end, qui suscitent curiosité et envie. Alors, qu’est-ce qui nous fait briller dans HTML5 et CSS3 ? J'ai partagé "Révéler les secrets de HTML5 et CSS3 " avec vous lors de la conférence WebRebuild Beijing Exchange et du Pearl Milk Tea Gang. Le PPT est ici :
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
Le prédécesseur du projet HTML 5 s'appelait Web Applications 1.0. Il a été proposé par WHATWG en 2004 et accepté par le W3C en 2007, et une nouvelle équipe de travail HTML a été créée. Le 22 janvier 2008, la première ébauche officielle a été publiée. HTML 5 constitue le plus grand progrès en matière de normes de développement Web au cours de la dernière décennie. Contrairement aux versions précédentes, HTML 5 n'est pas seulement utilisé pour représenter le contenu Web. Sa nouvelle mission est de faire du Web une plate-forme d'application mature. Sur la plate-forme HTML 5, la vidéo, l'audio, les images, les animations et les interactions informatiques sont standardisés. . Jetons donc un coup d’œil à l’aperçu technique du HTML5 :
HTML5 ajoute de nombreux nouveaux éléments multimédias et interactifs tels que la vidéo et l'audio. En HTML4, si vous souhaitez intégrer une vidéo ou un audio, vous devez introduire une grande section de code et il est compatible avec différents navigateurs. Cependant, HTML5 n'a besoin que de cela. introduire une balise C'est tout, aussi pratique que la balise img. En termes de mise en page et de mise en œuvre du contenu, HTML5 a ajouté de nombreux nouveaux éléments de balises structurés ainsi que des éléments sémantiques et au niveau du bloc. Si vous souhaitez utiliser HTML pour représenter la barre de progression du téléchargement d'un fichier, en HTML5, vous pouvez utiliser la progression. pour le représenter. Il a un attribut value décrivant le nombre de tâches terminées et un attribut max décrivant le nombre de tâches requises au total. Vous pouvez également obtenir l'attribut position (en lecture seule) de cette barre de progression via le DOM. interface, qui est le pourcentage d’achèvement de la tâche. Youtube a déjà fait une tentative sur la technologie HTML5. http://www.youtube.com/html5 (doit contourner le pare-feu ) est une DÉMO réalisée en utilisant HTML5. À en juger par le code source complet de la page, c'est très simple. Bien entendu, HTML5 ajoute également de nouveaux attributs à certains éléments, tels que l'attribut placeholder d'input et textarea, qui est équivalent à l'invite de saisie de la zone de saisie. Le script a un attribut asynchrone qui affectera le chargement et l'exécution du fichier. scénario. Pour tous les attributs communs au HTML, nous les appelons généralement « attributs globaux », tels que class, id, tabindex, title. HTML5 ajoute également de nouveaux attributs globaux, tels que contenteditable, contextmenu, Hidden et d'autres attributs. HTML5 ajoute également la prise en charge des microdonnées, telles que les nouveaux attributs HTML5 tels que item, itempro et subject.
Bien entendu, HTML5 supprime également certains éléments qui représentent la présentation de la page, tels que la police, le centre, la frappe, etc. Ceux-ci sont censés être effectués par CSS, ils restent donc faciles à comprendre. Il supprime également certains éléments qui affectent l'accessibilité du site Web. tels que frame, frameset, noframe et certains éléments inhabituels tels que l'acronyme, utilisez abbr pour représenter l'abréviation. HTML5 supprime également certaines familiarités HTML qui affectent la compatibilité client, telles que l'attribut rev de link et l'attribut scope de td. HTML5 supprime également certains attributs qui indiquent la présentation de la page, tels que les attributs align et bgcolor de certains éléments.
HTML5 fournit des types de contrôle puissants tels que l'URL, l'e-mail, la date, le numéro de téléphone, etc., de puissants attributs de contrainte, tels que requis pour indiquer requis, les attributs d'acceptation pour les téléchargements de fichiers et la prise en charge de certains modèles d'éléments répétitifs de formulaire. HTML5 fournit également une prise en charge lors de la soumission. un formulaire. Vous pouvez définir la méthode de soumission sur la soumission XML, de sorte que les données reçues par le serveur soient au format XML. Les formulaires HTML5 sont définis comme "Web Forms 2.0". Actuellement, opera9.5+ prend parfaitement en charge les formulaires Web. 2.0.
Cliquez ici pour voir la DÉMO de Web Forms 2.0 , nécessite Opera9.5+
HTML5 possède de nombreuses interfaces héritées de HTMLDocument dans DOM LEVEL 2 HTML. Bien entendu, HTML5 possède également de nouveaux membres remarquables dans DOM, tels que : la prise en charge de getElementsByClassName, qui vous permet de sélectionner des éléments en fonction des noms de classe. getSelection() renverra le courant. Selection. Object, il existe deux méthodes querySelector et querySelectorAll sur le sélecteur, qui peuvent obtenir l'élément à interroger en fonction du sélecteur css, qui est équivalent à Y.one et Y.all dans YUI3.
Quelles nouvelles API HTML5 ajoute-t-il à Javascript ?
HTML5 vous passionne ? Alors, quand HTML5 deviendra-t-il un standard ? On dit qu'il faudra attendre jusqu'en 2022. Il existe un site Web intéressant http://ishtml5readyyet.com/ qui vous indique combien de jours avant l'arrivée effective du HTML5.