Résumé des nouvelles balises et attributs en HTML5

Cet article partage avec vous un résumé des nouvelles balises et attributs en HTML5. Le contenu est très bon. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Collectez et résumez les nouvelles fonctionnalités de HTML5, qui peuvent essentiellement être utilisées par tout le monde sauf IE9 et versions antérieures.

Syntaxe HTML5

continue principalement la syntaxe du HTML

Différences :

L'encodage des caractères devient concis,

n'est pas sensible à la casse,

Ajout de valeurs booléennes, similaires à cochées, sélectionnées

Les guillemets peuvent être omis, mais selon les normes de codage, ce n'est pas recommandé,

Il existe des balises qui peuvent omettre le caractère de fin et des balises qui peuvent être complètement omises.

Ajouter des balises :

1. Balises de structure

(1) section : bloc de contenu indépendant, qui peut être composé de h1~h6 comme plan pour indiquer la structure du document. Il peut également avoir des chapitres, des en-têtes, des pieds de page ou d'autres parties de l'en-tête ;

(2) article : un bloc indépendant spécial, représentant le contenu principal dans cet en-tête

(3) à part : en dehors du contenu de la balise et du contenu de la balise Informations auxiliaires pertinentes

(4) en-tête : informations d'en-tête/titre d'un certain bloc

(5) hgroup : supplémentaire ; contenu des informations d'en-tête/titre ;

(6) pied de page : informations du bas

(7) navigation : informations partielles de la barre de navigation ;

(8) figure : une unité indépendante, comme un bloc d'actualités avec des images et du contenu.

2. Balises de formulaire

(1) email : l'e-mail doit être saisi

(2) url : l'adresse url doit être saisie ;

(3) numéro : la valeur numérique doit être saisie

(4) Plage : vous devez saisir une valeur dans une certaine plage

(5) Sélecteurs de dates : Sélecteur de dates

a.date : Sélectionnez le jour, le mois, l'année

b.month : Sélectionnez le mois, l'année

c.week : Sélectionnez la semaine et année

d.time : Sélectionnez l'heure (heures et minutes)

e.datetime : Sélectionnez l'heure, le jour, le mois, l'année ( heure UTC)

f.datetime-local : Sélectionnez l'heure, le jour, le mois, l'année (heure locale)

(6) recherche : Recherchez des champs de texte normaux ;

(7) couleur : couleur.

3. Balises médias

(1) vidéo : vidéo

(2) audio : audio ;

(3) embed : contenu embarqué (y compris divers médias), Midi, Wav, AU, MP3, Flash, AIFF, etc.

4. Autres étiquettes de fonction

(1) marquer : marquer, surligner (comme un surligneur) Notes) ;

(2) progression : barre de progression ; ;

(3) heure : balise de données, utilisée par les moteurs de recherche ; date de sortie9:00date de mise à jour4:00;

(4) ruby ​​​​​​et rt : commenter un certain mot ;< ; ruby>Contenu du commentaireComment l'afficher lorsque le navigateur ne le prend pas en charge;

(5 ) wbr : saut de ligne doux, saut de ligne lorsque la largeur de la page atteint le point où un saut de ligne est nécessaire

(6) canevas : utilisez le code JS pour créer du contenu pour le dessin d'images ;

(7) commande : bouton ;

(8) détails : développer le menu

(9) dateilst : invite déroulante du champ de texte ;

(10) keygen : cryptage.

Nouveaux attributs :

Attributs ajoutés pour js.

S'il n'y a pas plus de deux attributs, l'ordre d'exécution consiste à charger (télécharger) d'abord le premier src, puis à exécuter son onload, puis à l'exécuter de manière synchrone vers le bas. L'attribut defer existe déjà avant h5 et entre le chargement retardé (exécution retardée). ), il chargera (téléchargera) d'abord le contenu du fichier dans src, puis attendra que la page soit complètement chargée, puis chargera l'attribut js.async dans onload, qui est un chargement asynchrone. Il exécutera onload immédiatement après le chargement de src, et. continuera en même temps Dans l'ordre d'exécution ci-dessus lors du chargement de la page, l'affichage d'alerte affichera d'abord b puis a.

Ajouter le code de style de la petite icône à la balise dans la page web

Liste ordonnée ol : Début ajouté (valeur de départ de la liste), inversé (Inversé ou non) Attribut de type de menu (3 types de menu) Style CSS en ligne : définissez un bloc de style (porté) à l'intérieur de la balise, qui n'est valide qu'à l'intérieur de la balise de style : élément iframe, nouvellement ajouté sans bordure sans bordure. , srcdoc définit le contenu du cadre en ligne.