Maison  >  Article  >  interface Web  >  28 nouvelles fonctionnalités, nouvelles techniques et nouvelles technologies que vous devez connaître sur les compétences du didacticiel HTML5_html5

28 nouvelles fonctionnalités, nouvelles techniques et nouvelles technologies que vous devez connaître sur les compétences du didacticiel HTML5_html5

WBOY
WBOYoriginal
2016-05-16 15:51:041237parcourir
1. Nouveau Doctype
Bien qu'il soit utilisé , même si le navigateur ne comprend pas cette phrase, il sera rendu selon le mode standard
2.
Utilisez
et
pour représenter sémantiquement les images sous-titrées


”About

C'est une image de quelque chose d'intéressant



3. Redéfini

a été redéfini et est maintenant utilisé pour désigner une petite composition, comme le droit d'auteur. déclaration au bas du site Web
4. Supprimez l'attribut type dans les balises de lien et de script
5 Ajouter/sans crochets
HTML5 n'a pas d'exigences strictes quant aux attributs. ajouté des citations, fermées ou non, mais il est recommandé d'ajouter des guillemets et des balises de fermeture
6 Pour rendre votre contenu modifiable, ajoutez simplement un attribut contenteditable
7. nous définissons le type d'entrée sur email, et le navigateur vérifiera si l'entrée est de type email. Bien sûr, vous ne pouvez pas vous fier uniquement à la vérification frontale, le back-end doit également avoir une vérification correspondante
. 8. Espaces réservés
La signification de cet attribut d'entrée est qu'il n'est pas nécessaire d'utiliser javascript pour obtenir l'effet d'espace réservé
9. Stockage local
En utilisant le stockage local, vous peut stocker en permanence de gros fragments de données sur le client (sauf si vous supprimez activement), actuellement pris en charge par la plupart des navigateurs, vous pouvez vérifier si window.localStorage existe avant de l'utiliser
En-tête et pied de page sémantiques 11. Plus de fonctionnalités de formulaire HTML5
12. IE et HTML5
Par défaut, les nouveaux éléments HTML5 sont rendus en ligne, mais vous pouvez utiliser la méthode suivante pour que
les restitue dans le bloc
en-tête, pied de page , article, section , nav, menu, hgroup {
display: block;
}
Malheureusement, IE ignorera ces styles, vous pouvez le corriger comme ceci :
document.createElement("article") ;
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup"); 🎜>document .createElement("menu");

13. hgroup

est généralement utilisé pour regrouper un groupe de titres dans l'en-tête, comme



Page de fans de rappel

Uniquement pour les personnes qui veulent le souvenir d'une vie


14. Attribut obligatoire


L'attribut obligatoire définit si une entrée est requise Vous pouvez déclarer

ou

15. Comme suit .Attributs de mise au point automatique
Tout comme sa signification, il s'agit de se concentrer sur la zone de saisie


Support audio HTML5 fournit le

. 🎜> tag, vous n'avez plus besoin de suivre des plug-ins tiers pour restituer l'audio. La plupart des navigateurs modernes prennent en charge HTML5 Audio. Cependant, certains traitements de compatibilité sont toujours requis, comme
<.>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn