Maison > interface Web > Tutoriel H5 > Quels nouveaux balises et attributs sont ajoutés au HTML5 ? Nouvelles balises et attributs ajoutés (résumé)

Quels nouveaux balises et attributs sont ajoutés au HTML5 ? Nouvelles balises et attributs ajoutés (résumé)

青灯夜游
Libérer: 2018-09-15 18:10:09
original
4518 Les gens l'ont consulté

Ce chapitre vous présentera quelles nouvelles balises et attributs sont ajoutés au HTML5 ? De nouvelles balises et attributs ont été ajoutés (résumé) pour que tout le monde sache quels attributs et balises sont nouvellement ajoutés dans HTML5. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Résumé des nouvelles fonctionnalités de HTML5, qui peuvent être utilisées par tout le monde sauf IE9 et versions antérieures.

Syntaxe HTML5

Continuer principalement la syntaxe du html

La différence : le début du

<!DOCTYPE html>
<html>
<meta charset="utf-8">
Copier après la connexion

codage des caractères Devenir concis, non sensible à la casse, ajoutez des valeurs booléennes, similaires aux cochés, sélectionnés

les guillemets peuvent être omis, mais en termes de normes de codage, il n'est pas recommandé d'utiliser

Il existe des balises qui peut omettre le caractère de fin et complètement omettre l'application de l'étiquette.

Balises nouvellement ajoutées en HTML5 :

1) balises de structure

(1) section. : Bloc de contenu indépendant. Il peut utiliser h1~h6 pour former un 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 : spécial indépendant ; block , indiquant le contenu principal dans l'en-tête de cette page ;

(3) à part : informations auxiliaires liées au contenu de la balise autre que le contenu de la balise ;

(4) en-tête : un certain block Informations d'en-tête/titre

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

(6) pied de page : informations du bas

(7) nav ; : 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) nombre : une valeur doit être saisie ;

(4) plage : une valeur dans une certaine plage doit être saisie

(5) Sélecteurs de date : date ; sélecteur ;

  • date : sélectionner le jour, le mois, l'année

  • mois : sélectionner 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, année (heure UTC)

  • 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 multimédias

(1) vidéo : vidéo

(2) audio : audio

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

4. Autres balises fonctionnelles

(1) marquer : marquer, surligner (comme un surligneur pour prendre des notes

(2) progression) ; : barre de progression ;

(3) heure : étiquette de données, utilisée par les moteurs de recherche ; date Mise à jour date

(4) ruby ​​​​et rt : annoter un certain mot ; contenu d'annotationComment afficher lorsque le navigateur ne prend pas en charge ;/ruby>;

(5) wbr : saut de ligne doux, saut de ligne lorsque la largeur de la page atteint le saut de ligne requis

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

(7) commande : bouton ;

(8) détails : menu déroulant

(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 est de charger (télécharger) d'abord le premier src, puis d'exécuter son onload, puis d'exécuter l'attribut defer de manière synchrone en h5 vers le bas. Il a déjà été là si vous entrez un chargement différé (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 se chargera après le chargement. Après src, onload est exécuté immédiatement et la page continuera à être chargée dans la séquence d'exécution ci-dessus. L'affichage d'alerte affichera d'abord b, puis a.
<script defer src=".....js" onload="alert(&#39;a&#39;)"></script>
<script async src=".....js" onload="alert(&#39;b&#39;)"></script>
Copier après la connexion

Ajoutez 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é ( s'il est inversé) ) menu attribut de type de menu (3 types de menu) style CSS intégré : 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. , et Border, srcdoc définit le contenu du cadre en ligne.
<link rel="icon" href="url..." type="图片名称" sizes="16*16">
Copier après la connexion