Balises de base HTML5 (balise vidéo HTML5 Utilisation de la nouvelle balise HTML5)_Compétences du didacticiel HTML5

1. Modifications de la déclaration

2. Spécifiez le changement d'encodage des caractères, il est recommandé d'utiliser utf-8

en html5.

3. Html5 autorise

sans terminateur, ce qui n'est pas une erreur

4. L'écriture des balises de fin n'est pas autorisée : zone, base, br, col, commande, embed, hr, img, input, keygen, link, meta, param, source, track, wbr

5. Les éléments qui peuvent omettre la balise de fin sont : li, dt, dd, p, rt, rp, optgroup, option, colgroup, thead, tbody, tfoot, tr, td, th

6. Les éléments qui peuvent omettre toutes les balises sont : html, head, body, colgroup, tbody

7. Auparavant, le texte de la valeur de l'attribut devait avoir des guillemets doubles, mais il peut désormais être omis

8. Voir l'exemple de balisage html5

9. Nouvelle section élément structurel : élément conteneur. Les chapitres, en-têtes et pieds de page peuvent être utilisés en combinaison avec h1, h2... pour indiquer la structure du document. Peut également être utilisé pour encapsuler le contenu d’un titre, mais aucun titre n’est inapproprié. Lorsqu'un élément conteneur doit être directement stylisé ou scripté pour définir son comportement, il est recommandé d'utiliser div au lieu de section. Fonction : divisez le contenu de la page en morceaux. A ne pas confondre avec l'élément article, qui possède son propre contenu complet et indépendant. Résumé : ① N'utilisez pas l'élément section comme conteneur de page pour définir les styles, c'est le travail de l'élément div. ② Si l'élément article, l'élément side ou l'élément nav est plus approprié, n'utilisez pas l'élément section. ③N'utilisez pas l'élément section pour les blocs de contenu sans titre.

10. Nouvel article sur les éléments structurels : élément de niveau bloc. Représente un élément de contenu indépendant sur la page qui n'est pas pertinent sur le plan contextuel. Insistez sur l'indépendance, la section met l'accent sur la segmentation ou le regroupement et l'article met l'accent sur l'indépendance.

11. Nouvel élément structurel à part : élément de niveau bloc. Représente la position du contenu de l'élément article et le contenu auxiliaire lié au contenu de l'élément article.

12. Nouvel élément structurel En-tête : élément de niveau bloc. Le titre de la page entière. Il doit y avoir au moins un en-tête (h1-h6) ou un élément hgroup ou un élément nav dans l'en-tête.

13. Nouvel élément structurel hgroup : élément de niveau bloc. Utilisé pour combiner les titres d'une page entière ou d'un bloc de contenu dans une page. S'il n'y a qu'un seul titre principal, hgroup n'est pas nécessaire.

14. Nouveau pied de page d'élément structurel : élément de niveau bloc. Pied de page du bloc de contenu.

15. Nouvelle adresse d'élément structurel : élément en ligne. Présentez les coordonnées du document, notamment : l’auteur, l’e-mail, etc.

16. Nouvelle navigation des éléments structurels : élément au niveau du bloc. Liens de navigation. Navigation traditionnelle, navigation dans la barre latérale, navigation dans la page et navigation par changement de page. N'utilisez pas de menu au lieu de nav dans H5. L'élément menu est une série de menus qui émettent des commandes. Plus précisément, il est utilisé dans les applications Web.

17. Nouvelle figure d'élément structurel : élément de niveau bloc. Un élément indépendant du contenu du flux représente généralement une unité indépendante du contenu du flux sujet du document. Utilisez l'élément figcaption pour ajouter une légende à un groupe d'éléments de figure.

18. Nouvel élément vidéo : définit la vidéo.

Copier le code

Le code est le suivant :

19. Nouvel élément audio : définit l'audio.

Copier le code

Le code est le suivant :

20. Nouvel élément intégré : Insérez divers médias, le format peut être midi, wav, aiff, au, mp3, etc.

21

Copier le code

Le code est le suivant :

< object width= "320" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6 ,0, 40,0"> name="src" value=""borse.wav"/" />

22. Nouvelle marque d'élément : texte en surbrillance ou en surbrillance. Assez similaire à span

23. Nouvel élément de progression : représente le processus en cours et affiche le processus de fonction fastidieux en JavaScript.

Copier le code

Le code est le suivant :

24. Nouvel élément Heure : représente la date et l'heure.

Copier le code

Le code est le suivant :

< /heure>

Span
est utilisé dans H4. 25. Nouvel élément rubis : représente les commentaires rubis. Han han, qui n'est pas disponible en h4

26. Nouvel élément rt : représente l'interprétation ou la prononciation des caractères

27. Nouvel élément rp : utilisé dans Ruby pour définir le contenu affiché par les navigateurs qui ne supportent pas les éléments Ruby.

28. Nouvel élément wbr : représente un saut de ligne doux. La différence avec br est que br signifie qu'un saut de ligne doit être effectué ici ; tandis que wbr signifie que lorsque la largeur du navigateur ou de l'élément parent est suffisamment large, aucun retour à la ligne ne sera effectué si la largeur n'est pas suffisante. La ligne sera automatiquement renvoyée ici. Wbr est très utile pour les langues basées sur des caractères, mais il ne semble pas avoir beaucoup d'effet sur le chinois. Non disponible en H4.

29. Nouvel élément Canvas : représente les graphiques. Tels que : des graphiques, des images. Mais : l’élément lui-même n’a aucun comportement. Seul un canevas est fourni et l'API de dessin est affichée au client JavaScript, afin que le script puisse dessiner le dessin sur ce canevas.

Copier le code

Le code est le suivant :

30. Nouvelle commande d'élément : représente le bouton de commande. Tels que : boutons radio, cases à cocher, boutons.

Copier le code

Le code est le suivant :

Il n'y a pas de

en html4

31. Nouveaux détails d’élément : indique les informations détaillées dont les utilisateurs de Détails ont besoin et peuvent obtenir. Peut être utilisé conjointement avec le résumé. Le résumé fournit un titre ou une légende.

Copier le code

Le code est le suivant :

summary>html5< ;/summary>this ji a ddddd,you kdkdkdk about html5

32. Nouvelle grille de données d'éléments : représente une liste de données . Afficher dans la liste arborescente

33. Nouvel élément keygen : indique la génération de la clé

34. Nouvelle sortie d'élément : représente différents types de sortie. Comme le script

35. Nouvelle source d'élément : élément multimédia. Définir les ressources multimédias. Utiliser param

dans H4

36. Nouveau menu élément : représente la liste des menus.

Copier le code

Le code est le suivant :

< li>< ;/li>

L'utilisation du menu en h4 n'est pas recommandée.

37. Nouvel élément de saisie de type email : indique la zone de saisie de texte dans laquelle l'e-mail doit être saisi.

38. Nouveau type d'élément d'entrée url : indique que l'adresse url doit être saisie

39. Nouveau numéro de type d'élément de saisie : indique qu'une valeur numérique doit être saisie.

40. Nouvelle plage de types d'éléments d'entrée : indique que les valeurs numériques situées dans une certaine plage doivent être saisies

41. Nouveaux sélecteurs de date de type d'élément d'entrée : il existe plusieurs nouvelles zones de texte d'entrée dans h5 qui peuvent sélectionner les dates et les heures.

Copier le code

Le code est le suivant :

Date----- --- ------Sélectionnez le jour, le mois, l'année
Mois-----------Sélectionnez le mois, l'année
Semaine------------ Sélectionnez la semaine et l'année
Heure-------------Sélectionnez l'heure (heures et minutes)
Datetime-------Sélectionnez l'heure, le jour, le mois, l'année (heure UTC )
Datetime-local : sélectionnez l'heure, le jour, le mois, l'année (heure locale)

44.
1) Supprimer les éléments : éléments pris en charge uniquement par certains navigateurs : applet, bgsound (uniquement pris en charge par IE), clignotant, marquee et autres éléments. bgsound (uniquement pris en charge par ie), chapiteau (uniquement pris en charge par ie), ils sont donc supprimés en h5. applet : peut être remplacé par embed ou object. Bgsound : peut être remplacé par de l'audio. Marquee peut être remplacé par la programmation js.
2) Définition manuelle des balises : utilisée pour combiner des éléments. Guide d'utilisation : principalement utilisé pour la combinaison d'images et de descriptions d'images :

Copiez le code

Le code est le suivant :

Voici la description de l'image Information

3) Explication manuelle de l'étiquette : Définir la liste des menus. Utilisez cette étiquette lorsque vous souhaitez répertorier les contrôles de formulaire. Guide d'utilisation : Utilisé dans les blocs de menu pour définir des listes de menus ou des options de menu :

Copier le code

Le code est le suivant :

HTML 5

CSS

< ;li>JavaScript