Maison >interface Web >Tutoriel H5 >Notes d'étude HTML5 : la différence entre les compétences du didacticiel html5 et html _html5 traditionnel

Notes d'étude HTML5 : la différence entre les compétences du didacticiel html5 et html _html5 traditionnel

WBOY
WBOYoriginal
2016-05-16 15:46:021842parcourir
1. Modifications de la syntaxe HTML5
Les modifications mentionnées dans ce point de connaissance font référence aux modifications définies en fonction de HTML4, principalement comme suit :
1.HTML5 L'extension de fichier (.html ou .htm) et le type de contenu (texte/html) restent inchangés.
2. En HTML5, les déclarations de version ne sont délibérément pas utilisées, et un seul document s'appliquera à toutes les versions de HTML.
3. À partir de HTML5, il est recommandé d'utiliser UTF-8 pour l'encodage des caractères des fichiers.
4.HTML5 garantit une compatibilité maximale avec les versions HTML précédentes.
Afin d'assurer la compatibilité, nous devons commencer par l'élément. En HTML5., la balise de l'élément peut être omise. Plus précisément, les balises des éléments sont divisées en trois types : "la balise de fin ne peut pas être écrite", "la balise de fin peut être omise" et "la balise de début et la balise de fin peuvent être omises".
• Les éléments de balises fermantes ne sont pas autorisés : zone, base, br, col....
• Les balises fermantes peuvent être omises : li, dt, dd, p, rt...
• Les deux la balise de début et la balise de fin peuvent être omises : html, head, body....
2. Nouveaux éléments structurels
• représentation des éléments de section Un bloc de contenu dans la page, comme un chapitre, un en-tête, un pied de page ou une autre partie de la page
• L'élément article représente un élément de contenu indépendant dans la page qui n'est pas lié au contexte, comme un article dans un blog ou Un article dans un journal ;
•l'élément aside représente des informations auxiliaires liées au contenu de l'élément article en plus du contenu de l'élément article
•l'élément header représente le titre d'un bloc de contenu ou de la page entière ; dans la page ;
•l'élément hgroup est utilisé pour combiner les titres de la page entière ou d'un bloc de contenu dans la page ;
•l'élément footer représente le pied de page de la page entière ou un bloc de contenu dans la page ; De manière générale, il contiendra le nom du créateur, la date de création et les coordonnées du créateur ;
•l'élément nav représente la partie lien de navigation de la page
•l'élément figure représente un morceau de flux indépendant ; contenu, représentant généralement un document Une unité indépendante dans le contenu du flux principal, utilisez l'élément figcaption pour ajouter un titre au groupe d'éléments figure
2. Autres nouveaux éléments
• L'élément audio définit audio, comme de la musique ou d'autres flux audio ;
•L'élément embed est utilisé pour insérer divers multimédias, le format peut être Midi, Wav, AU, MP3, etc.
•L'élément mark est utilisé pour visuellement présenter à l'utilisateur les éléments qui doivent être mis en évidence ou mis en surbrillance. Texte, une application typique consiste à mettre en évidence les mots-clés de recherche pour les utilisateurs dans les résultats de recherche
•l'élément de progression représente un processus en cours
•l'élément ruby ​​représente ruby ; commentaires (phonétique ou caractères chinois)
•rt L'élément représente l'interprétation ou la prononciation d'un caractère (phonétique ou caractère chinois)
• L'élément rp est utilisé dans les commentaires ruby ​​​​pour définir le contenu affiché par les navigateurs qui ne prennent pas en charge les éléments Ruby.
•L'élément wbr représente un retour à la ligne doux, et lorsque la largeur n'est pas suffisante, il s'enroulera activement ici
•L'élément canevas représente des graphiques, tels que des graphiques et d'autres images
•L'élément cammand représente une commande boutons, tels que des boutons radio, une case à cocher ou un bouton
•L'élément de détails représente les informations détaillées dont l'utilisateur a besoin et peut obtenir
•L'élément de grille de données représente une liste de données facultatives, qui est affichée sous la forme de une liste arborescente
•L'élément keygen Représente une clé générée
• L'élément output représente différents types de sortie, comme la sortie d'un script
• L'élément source définit des ressources multimédias pour les éléments multimédias (tels que