balises html5 : bdi, mark, mètre, progrès, rp, rt, ruby, time, wbr, datalist, keygen, sortie, canevas, audio, vidéo, source, en-tête, pied de page, navigation, etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
Nouvelles balises pour HTML5
Nous savons tous que si vous souhaitez devenir un développeur front-end qualifié, La maîtrise du HTML5 est un prérequis important. Par rapport au HTML, le HTML5 possède de nombreuses nouvelles balises fonctionnelles. Alors, quelles sont ces balises ?
Format :
Définit la direction du texte, le rendant indépendant du paramètre de direction du texte environnant.
Définit le texte marqué.
Définir une métrique dans une plage prédéfinie.
Définit la progression de tout type de tâche.
Définir le contenu affiché si le navigateur ne prend pas en charge les éléments ruby.
Définir l'interprétation des annotations rubis.
Définir les annotations ruby .
Définir la date/heure.
Définir les nouvelles lignes possibles.
Formulaire :
Définir la liste déroulante.
Définissez la clé générée.
Définir certains types de sortie.
Image :
Définit le titre de l'élément figure.
Définit les regroupements de contenus multimédias, ainsi que leurs titres.
Audio et vidéo :
Définir la source multimédia.
Définit la piste de texte utilisée dans le lecteur multimédia.
Définir la vidéo.
Lien :
Définir le lien de navigation.
Liste :
Définir le bouton de commande.
Style :
Définissez l'en-tête de la section ou de la page.
Définir le pied de page d'une section ou d'une page.
Définir l'article.
Définir le contenu en dehors du contenu de la page.
Définit les détails de l'élément.
Définit un titre visible pour l'élément
Programmation :
Définir un conteneur pour les applications externes (non HTML).
Avantages du HTML5 :
1. Créez de plus beaux effets d'animation, permettant aux développeurs front-end d'obtenir une meilleure interaction avec les pages
Les pages Web implémentées par HTML5 sont plus belles. Ces animations sont basées sur les effets obtenus par les balises HTML5 et les styles CSS3.
2. Résolu le problème entre navigateurs
Problème entre navigateurs Avant l'émergence de HTML5, c'était définitivement un problème de cauchemar pour les développeurs front-end. Il est clair que les pages HTML, CSS et Java s'exécutent tout à fait normalement dans un navigateur, mais après le passage à un autre navigateur, de nombreux problèmes surviendront, tels que : des erreurs d'exécution Java, une confusion dans la mise en page, etc. C'est le langage de programmation HTML5 qui a changé cette situation. Actuellement, les navigateurs grand public tels qu'Internet Explorer, Chrome, Firefox et Safari ont montré un grand enthousiasme pour le HTML5.
3. Utilisation multiplateforme et hors ligne
HTML5 peut être multiplateforme et la plupart des codes de base n'ont pas besoin d'être réécrits. Si le code Java est bien utilisé, il peut être utilisé dans. de nombreux endroits, notamment les applications mobiles, les sites Web mobiles, les sites Web PC, divers plug-ins de navigateur et même les packages WebKit, peuvent être utilisés comme applications multiplateformes. Bien que cette méthode ne soit pas complètement multiplateforme au sens strict, elle peut permettre d'économiser beaucoup de temps et d'énergie lors de la maintenance ultérieure.
Les utilisateurs peuvent utiliser et accéder aux applications hors ligne, ce qui est très important pour les utilisateurs de terminaux mobiles qui ne peuvent pas rester connectés à Internet à tout moment, et les utilisateurs accédant aux fichiers de cache local signifient généralement une vitesse d'accès plus rapide, de ce point de vue, on peut dire qu'il a grandement amélioré l'expérience utilisateur
Tutoriel recommandé : "Tutoriel vidéo HTML "
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!