Maison > interface Web > Tutoriel H5 > La différence entre H5 et HTML traditionnel

La différence entre H5 et HTML traditionnel

Y2J
Libérer: 2017-05-23 13:36:22
original
7569 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur la différence entre le HTML5 et le HTML traditionnel dans les notes d'étude HTML5. Les amis qui en ont besoin peuvent s'y référer 1. Modifications de la syntaxe HTML5 <.> Les changements mentionnés dans les points de connaissance font référence aux changements définis en fonction du HTML4, qui sont principalement les suivants :
1 L'extension de fichier (.html ou .htm) et le type de contenu (text/html) du HTML5 restent. inchangé.
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 de •L'élément section représente un bloc de contenu dans la page, tel qu'un chapitre, un en-tête, un pied de page ou une autre partie de la page
•L'élément article représente une partie de la page qui n'est pas un contexte ; -un contenu indépendant lié, tel qu'un article dans un blog ou un article dans un journal ;
•l'élément de côté représente des informations auxiliaires liées au contenu de l'élément article en plus du contenu de l'élément article
• ; élément header Représente le titre d'un bloc de contenu dans la page ou la page entière ;
•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 l'intégralité ; page ou un contenu dans le pied de page du bloc de 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
navigation liée de la page •figure ; représente un paragraphe indépendant Le contenu du flux représente généralement une unité indépendante dans le contenu du flux principal du document. Utilisez l'élément figcaption pour ajouter un titre au groupe d'éléments de la figure

2. Autres nouveaux éléments
. ·Définition de l'élément audio
Audio , tel que de la musique ou d'autres flux audio •l'élément intégré est utilisé pour insérer divers
multimédia, le format peut être Midi, Wav, AU, MP3. , etc. ; •élément de marquage Pour présenter visuellement le texte qui doit être mis en surbrillance ou mis en évidence à l'utilisateur, une application typique consiste à mettre en évidence les mots-clés de recherche à l'utilisateur dans les résultats de
recherche ; >·l'élément progress représente le processus en cours • l'élément ruby ​​​​représente ruby ​​​​
commentaire
(phonétique ou caractère chinois) • l'élément rt représente l'explication ou la prononciation du caractère (phonétique chinoise phonétique ou caractère) • élément rp dans Utilisé dans les annotations 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 des sauts de ligne doux, et lorsque la largeur n'est pas suffisante, des sauts de ligne sont activement effectués ici

canvas
les éléments représentent des graphiques, tels que des graphiques et d'autres images •Les éléments cammand représentent les commandes Button
, telles que Radio Button, Checkbox ou Button•L'élément détails représente les informations détaillées dont l'utilisateur a besoin et peut get• L'élément datagrid représente une liste de données facultatives, qui s'affiche sous la forme d'une liste arborescente

key
L'élément gen représente la clé générée•L'élément de sortie représente différents types de sortie, tels que des scripts Sortie • L'élément source définit les ressources multimédias pour les éléments multimédias (tels que