Maison > Article > interface Web > 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é)
- 青灯夜游original
- 2018-09-15 18:10:094446parcourir
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">
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)
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 ; e2c04f76f85ba967bba4e96c835108a6 (3) heure : étiquette de données, utilisée par les moteurs de recherche ; date aa2936c7f5fc1666fe354c2d39409f239:0091be1970faf1a1e6511e94af3a0f5b95Mise à jour date51f33e1919423ed2a6c50dd9a25e96a14:0091be1970faf1a1e6511e94af3a0f5b95 (4) ruby et rt : annoter un certain mot ; ec41f2147470148e85ad0337a362103e7240f116d85a7ee375466871bc33670a contenu d'annotatione1cd1ef8331b2927cc680afad7b5de59515718f19dfe6612658be14be18aa0ecComment afficher lorsque le navigateur ne prend pas en charge21f25f120b8e75f2ae19a58ad1612dd6 ;/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('a')"></script> <script async src=".....js" onload="alert('b')"></script>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">d5ba1642137c3f32f4f4493ae923989c Nouveaux attributs :
4661be524bf9c747b70469cf902ab46c
d3384ea80c348bffb0f7fae5020a99e2
8a68e868516b90fb3aa511ff8da0710f
b100d6f3ae2d126e76f926041a0e4cb7
a1957808adea7c997de45500a71f350c
a584442cb25d5d8e916c7af1e8b9482f
21ab0642fe747e079acd63ead0460944
attribut manifeste :
Définissez les fichiers d'application hors ligne que la page doit utiliser, généralement placés dans la balise 100db36a723c770d327fc0aef2ce13b1
Attribut charset :
Un des attributs méta, définissant le jeu de caractères de la page
Attribut size :
2cdf5bf648cf2f33323966d7f58a7f3f lorsque le lien rel="icon", utilisé pour définir la taille de l'icône
attribut de base :
ffb65a9b8b8c20fb156d9d5f47c92c05 lors de l'ouverture dans une nouvelle fenêtre Lorsqu'une page est créée, le contenu dans href sera ajouté en préfixe à l'adresse
attribut defer :
attribut de balise script, ce qui signifie qu'après le script est chargé, il ne sera exécuté que lorsque la page sera également chargée (exécution différée)
attribut async :
attribut de balise de script, qui sera 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 encore été chargée (exécution asynchrone)
attribut média :
3499910bf9dac5ae3c52d5ede7383485 optimisé
attribut hreflang :
3499910bf9dac5ae3c52d5ede7383485 Attribut, indiquant la langue utilisée par l'URL pointée par le lien hypertexte
attribut ref :
< ;a>, définissant si le lien hypertexte est un lien externe
attribut inversé :
l'attribut c34106e0b4e09414b63b2ea253ff83d6, définit si le numéro de série est un flashback
start : L'attribut
c34106e0b4e09414b63b2ea253ff83d6, définit la valeur de départ du numéro de série.
Attribut de portée :
L'attribut du style CSS intégré. ce style est limité à l'élément avec le style intégré. Il convient au développement d'une seule page
Attribut global HTML5 : Peut être utilisé pour n'importe quelle balise, les 6 suivantes
data-yourvalue, Hidden, Spenllecheck, tabindex, contenteditable, desginMode;
attributs globaux :
1. la balise : nom de l’attribut personnalisé des données.
caché (mettez-le directement pour le masquer) ;
spellcheck="true" (correction grammaticale)
tabindex="1" (séquence de saut de tabulation) ; >
contenteditable="true" (état modifiable, cliquez sur le contenu à modifier) ; 2. Insérez window.document.designMode = 'on' dans JavaScript (propriétés globales JavaScript, le texte du la page entière peut être modifiée).Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!