Le développement d'Internet donne toujours naissance à l'émergence de nouvelles technologies, et HTML5 et CSS3 sont des sujets chauds qui ont été discutés récemment. Alors, qu'y a-t-il exactement pour HTML5 et CSS3 qui nous font briller? J'ai partagé avec vous "révélant HTML5 et CSS3 " à la conférence WebRebuild Beijing Exchange et au Pearl Milk Tea Gang.
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
Le prédécesseur du projet HTML 5 a été appelé applications Web 1.0. Le 22 janvier 2008, le premier projet officiel a été publié. HTML 5 est le plus grand saut des 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. sont standardisés. Jetons donc un coup d'œil à l'aperçu technique de HTML5:
HTML5 a ajouté de nombreux éléments multimédias et interactifs tels que la vidéo et l'audio. C'est bien, tout aussi pratique que la balise IMG. En termes de mise en page et d'implémentation de contenu, HTML5 a ajouté de nombreux éléments de balise structurés, des éléments de niveau et sémantique. . le pourcentage de l'achèvement de la tâche. YouTube a fait une tentative dans la technologie HTML5. Bien sûr, HTML5 a également ajouté certains attributs à certains éléments, tels que l'attribut d'espace réservé de l'entrée et de la TextArea, ce qui est équivalent à l'invite d'entrée de la zone d'entrée. scénario. Pour tous les attributs communs HTML, nous les appelons généralement des "attributs globaux", tels que la classe, l'id, le tabindex, le titre. HTML5 ajoute également la prise en charge des microdata, tels que les nouveaux attributs de l'élément, de l'élémentpro, du sujet, etc. dans HTML5.
Bien sûr, HTML5 a également supprimé certains éléments qui représentent l'affichage de la page, tels que la police, le centre, la grève, etc. supprimé, tels que le cadre, le jeu de cadres, le noframe et certains éléments rares tels que l'acronyme, et ABBR est utilisé pour représenter l'abréviation. HTML5 supprime également une certaine familiarité HTML qui affecte la compatibilité des clients, comme l'attribut Rev de Link et l'attribut de portée de TD;
HTML5 fournit des types de contrôle puissants tels que URL, e-mail, date, tél, etc., propriétés de contraintes puissantes, telles que requises, les attributs d'acceptation pour les téléchargements de fichiers, et certains modèles en double du formulaire sont également en charge. Méthode de soumission XML, de sorte que les données reçues par le serveur seront au format XML, et le formulaire HTML5 est défini comme "Web Forms 2.0".
Cliquez ici pour afficher la démo des formulaires Web 2.0, Opera9.5 + est requis
De nombreuses interfaces HTML5 héritent de HTMLDocument dans DOM Level 2 HTML. Sélectionné l'objet du sélecteur a deux méthodes sur le QueySelector et QueySelectorall qui peuvent obtenir les éléments à interroger en fonction du sélecteur CSS, ce qui équivaut à y.one et y. tout dans YUI3.
Quelles API a-t-il ajouté HTML5 à JavaScript?
Vidéo / Audio: HTML5 fournit des API pour la vidéo et l'audio pour permettre aux développeurs de contrôler leurs propres interfaces utilisateur, telles que la lecture ou la pause du contenu multimédia.
Canvas: Canvas est un nouvel élément HTML qui peut être utilisé par le langage de script (généralement JavaScript) pour dessiner des graphiques. Par exemple, il peut être utilisé pour dessiner des images, synthétiser des images ou faire des animations simples (et pas si simples). Canvas est une chose magique. remplissage ou régler sa couleur de trait à travers le strokestyle, et même le fonctionnement des chemins de dessin coïncide avec le fonctionnement du stylo de Photoshop. Canvas dispose déjà d'applications sur de nombreux sites Web, tels que les statistiques de statut de téléchargement en temps réel de Firefox, et vous pouvez même utiliser Canvas pour écrire des jeux Web.
Drag & Drop: dans les supports visuels indiquant l'appareil, le fonctionnement de "Drag" est l'événement de souris Down et Mousemove avec MouseMove, et "Drop" est un événement déclenché lorsque la souris est libérée. Les interfaces DataEvent et DataTransfer sont définies dans Drag & Drop.
Travailleurs Web: fabriquer un multi-lancement JavaScript et peut faire beaucoup de travail en arrière-plan sans bloquer les opérations actuelles du navigateur.
Géolocation: Geolocation. L'objet de position. sur certains téléphones mobiles tels que les iPhones.
Cache d'application: il s'agit de la prise en charge de HTML5 pour les applications hors ligne. . Pour les applications hors ligne, Google a également développé l'extension du navigateur Google Gears, mais en fin de compte, le passage de Google à HTML5 peut également voir les avantages du stockage HTML5 et des applications hors ligne.
Stockage: WebKit a implémenté le stockage de la base de données, vous pouvez interroger les données et effectuer certaines opérations comme une base de données d'opération de backend. Il existe un autre type de stockage, tel que SessionStorage et LocalStorage, qui peuvent être stockés et obtenus via SetItem et GetItem.
Messagerie X-Document: le navigateur bloque la communication de documents entre différents domaines en raison de la sécurité et de la confidentialité. La communication entre les documents peut être réalisée, ce qui nous permet d'ignorer d'où vient le domaine source et en même temps éviter les attaques de script.
HTML5 vous a-t-il excité? Alors, quand HTML5 deviendra-t-il la norme? On dit que ce sera jusqu'en 2022, et il y a un site Web très intéressant http://ishtml5readyyet.com/ pour vous dire combien de jours il y a à HTML5.