Les nouvelles fonctionnalités de HTML5 collectées et résumées peuvent essentiellement être utilisées sauf pour IE9 et versions antérieures.
Syntaxe HTML5La plupart des différences grammaticales du HTML se poursuivent : <!DOCTYPE html> au début
<html lang=zh-CN><meta charset=utf-8>
L'encodage des caractères devient concis,
Non sensible à la casse,
Ajout de valeurs booléennes, similaires à cochées et sélectionnées
Les guillemets peuvent être omis, mais selon les normes de codage, cela 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. Balise de structure(1) Section : bloc de contenu indépendant, qui peut être composé de h1~h6 pour représenter 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 : bloc indépendant spécial, qui représente ; Le contenu principal dans l'en-tête de cet article ; (3) mis à part : le contenu de la balise est lié au contenu de la balise. informations auxiliaires ; (4) en-tête : informations d'en-tête/titre d'un certain bloc ; (5) hgroup : contenu supplémentaire des informations d'en-tête/titre (6) pied de page : informations du bas (7) nav : informations sur la partie de la barre de navigation (8) ; figure : une unité indépendante, telle qu'un bloc d'actualités avec des images et du contenu.
2. Balises de formulaire(1) email : un e-mail doit être saisi ; (2) url : une adresse url doit être saisie ; (3) numéro : une valeur numérique doit être saisie (4) plage : une valeur numérique comprise dans une certaine plage doit être saisie ; (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 l'année d.time : sélectionnez l'heure (heures et minutes) e.datetime : sélectionnez l'heure, le jour, le mois, l'année ( UTC time) 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 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 étiquettes de fonction(1) mark : marque (comme un surligneur pour prendre des notes) (2) progress : barre de progression <progress max=valeur de la barre de progression maximale value=valeur de la barre de progression actuelle> (3) time : étiquette de données, utilisée par les moteurs de recherche ; Date de sortie <time datetime=2014-12-25T09:00>9:00</time> Date de mise à jour <time datetime=2015- 01-23T04:00 pubdate>4:00</time> (4) ruby et rt : commenter un certain mot ; <ruby><rt>Contenu du commentaire</rt><rp>Comment l'afficher lorsque le navigateur ne le prend pas en charge< /rp>< /ruby> (5) wbr : saut de ligne doux, saut de ligne lorsque la largeur de la page atteint le saut de ligne requis (6) canevas : utiliser le code JS pour créer du contenu pour le dessin d'image (7) commande : bouton ; (8) détails : Développer le menu ; (9) dateilst : invite déroulante du champ de texte ; (10) keygen : cryptage ;
Nouvelles propriétés :Attributs ajoutés à js.
<script defer src=.....js onload=alert('a')></script><script async src=.....js onload=alert('b')></script>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 va d'abord charger (télécharger) src contenu du fichier, puis attendez que la page soit complètement chargée, puis chargez 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 à charger la page dans la séquence d'exécution ci-dessus. L’écran d’alerte affichera d’abord b, puis affichera a.
Ajoutez le code de style de la petite icône à l'étiquette dans la page Web
<lien rel=icon href=url... type=nom de l'image tailles=16*16>
Liste ordonnée ol : ajout de l'attribut de type de menu start (valeur de départ de la liste), inversé (inversé) (3 types de menu) style CSS intégré : définir un bloc de style (portée) à l'intérieur de la balise, uniquement pour le cadre en ligne n'est valide qu'à l'intérieur de la balise de style : l'élément iframe, transparent, sans bordure et sans bordure est ajouté, et srcdoc définit le contenu du cadre en ligne.
<iframe>Nouveaux attributs : <!--seamless définit le cadre sans bordures ni marges--><!--srcdoc a un niveau d'affichage plus élevé que sandbox--><!--sandbox est utilisé pour spécifier le niveau de sécurité d'un cadre en ligne --><!--sandbox=allow-forms:Autoriser la soumission Formulaire --><!--sandbox=allow-origin : Autoriser est la même origine --><!--sandbox=allow-scripts : Autoriser l'exécution de scripts --><!--sandbox=allow-top-navigation : Autoriser les pages externes à sauter -->
attributs manifestes :
Définir les fichiers d'application hors ligne nécessaires à la page, généralement placés dans la balise <html>
attribut charset :
Un des méta-attributs, définissant le jeu de caractères de la page
attribut de tailles :
<link>Nouvel attribut est utilisé pour définir la taille de l'icône lorsque le lien rel=icon.
attribut de base :
<base href=http://localhost/ target=_blank> signifie que lorsqu'une page est ouverte dans une nouvelle fenêtre, le contenu du href sera ajouté comme préfixe à l'adresse.
attribut de report :
L'attribut script tag indique qu'une fois le script chargé, il ne sera exécuté que lorsque la page sera également chargée (exécution différée)
attribut asynchrone :
L'attribut de balise de script est exécuté immédiatement après le chargement du script (le navigateur analysera le contenu suivant pendant le processus en cours), même si la page n'a pas été chargée (exécution asynchrone)
attribut média :
Attribut d'élément <a> : indique quel périphérique est optimisé
attribut hreflang :
L'attribut de <a> indique la langue utilisée par l'URL pointée par le lien hypertexte.
attribut de référence :
L'attribut de <a> définit si le lien hypertexte est un lien externe
attribut inversé :
Attribut <ol>, définit si le numéro de série est un flashback
attribut de démarrage :
Les attributs de <ol> définissent la valeur de départ du numéro de séquence
attribut de portée :
L'attribut du style CSS intégré La définition de ce style est limitée aux éléments avec le style intégré. Il convient au développement d'une seule page.
Attributs globaux HTML5 : peuvent être utilisés pour n'importe quelle balise, les 6 suivantes
données-votrevaleur, caché, Spenllecheck, tabindex, contenteditable, desginMode ;
Propriétés globales :
1. Peut être inséré directement dans la balise : nom de l'attribut personnalisé ; caché (mettez-le directement pour le masquer) ; tabindex = 1 (ordre de saut de tabulation = true (peut modifier l'état); cliquez sur le contenu à modifier) ; 2. Insérez window.document.designMode = 'on' en JavaScript (une propriété globale de JavaScript, le texte de la page entière peut être édité) ;
Résumer
Ce qui précède est un résumé des nouvelles balises et attributs HTML5 introduits par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !