Remarques de l'étude HTML5: La différence entre HTML5 et HTML traditionnel

Cet article présente principalement les informations pertinentes sur la différence entre le HTML5 et le HTML traditionnel, qui est les notes d'étude HTML5. Les amis qui en ont besoin peuvent se référer à la suivante. Modifications de la syntaxe HTML5

Les modifications mentionnées dans ce point de connaissance se réfèrent aux modifications définies sur HTML4, principalement comme suit:

1. Le caractère d'extension de fichier (.html ou .htm) de HTML5 reste inchangé à partir du type de contenu (texte / html).

2. Dans HTML5, si vous n'utilisez pas délibérément la déclaration de version, un document sera applicable à toutes les versions de HTML.

3. À partir de HTML5, il est recommandé d'utiliser UTF-8 pour l'encodage de caractères des fichiers.

4. HTML5 assure une compatibilité maximale avec les versions HTML précédentes.

Afin d'assurer la compatibilité, nous devons commencer par les éléments. Dans HTML5, la balise de l'élément peut être omise. En termes de nature, les marques des éléments sont divisées en trois types: non autorisés à écrire une marque de fin, la marque finale peut être omise, et la marque de début et la marque de fin peuvent être omises.

• Les éléments qui ne sont pas autorisés à écrire des marques de fin sont: zone, base, br, col ......

• Tags de fin: Li, DT, DD, P, RT ...

• La marque de départ et la marque de fin peuvent être omises: HTML, tête, corps ...

• L'élément de section représente un bloc de contenu dans la page, comme un chapitre, un en-tête, un pied de page ou d'autres parties de la page;

• L'élément d'article représente un 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 de côté représente les informations auxiliaires liées au contenu de l'élément d'article en dehors du contenu de l'élément de l'article;

• L'élément d'en-tête représente le titre d'un bloc de contenu ou de la page entière de la page;

• Les éléments HGroup sont utilisés pour combiner le titre d'une page entière ou d'un bloc de contenu dans la page;

• L'élément de pied de page représente une note de bas de page sur une page entière ou un bloc de contenu dans la page. D'une 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 du lien de navigation dans la page;

• L'élément de figure représente une section indépendante de la teneur en flux, représentant généralement une unité indépendante dans le contenu du flux du corps du document. Utilisez l'élément FigCaption pour ajouter un titre au groupe d'élément Figure.

• L'élément audio définit l'audio, comme la musique ou d'autres flux audio;

• Les éléments intégrés sont utilisés pour insérer divers multimédias, et les formats peuvent être MIDI, WAV, AU, MP3, etc.;

• L'élément Mark doit être utilisé pour présenter visuellement le texte qui doit être mis en surbrillance ou mis en évidence à l'utilisateur. Une application typique consiste à mettre en surbrillance les mots clés de recherche à l'utilisateur dans les résultats de recherche;

• L'élément de progression représente un processus en cours d'exécution

• L'élément Ruby représente l'annotation Ruby (prononciation chinoise ou caractères)

• L'élément RT représente l'interprétation ou la prononciation des caractères (prononciation chinoise ou caractère)

• L'élément RP est utilisé dans les commentaires Ruby pour définir ce qui est affiché dans les navigateurs qui ne prennent pas en charge les éléments Ruby.

• L'élément WBR représente les ruptures de lignes douces et lorsque la largeur ne suffit pas, effectuez activement les ruptures de ligne ici.

• Les éléments de la toile représentent des graphiques, tels que les graphiques et autres images

• L'élément Cammand représente un bouton de commande, comme un bouton radio, une case à cocher ou un bouton

• L'élément de détails représente les détails que l'utilisateur demande et peut obtenir.

• L'élément DataGrid représente une liste de données facultatives, qui s'affichent sous la forme d'une liste d'arborescence

• L'élément Keygen indique la génération de la clé

• L'élément de sortie représente différents types de sortie, comme la sortie d'un script

• L'élément source définit une ressource multimédia pour les éléments multimédias (tels que <video> et <audio>)

• L'élément de menu représente la liste des menues

• Le type de messagerie indique la zone d'entrée de texte où l'adresse e-mail doit être entrée

• Le type d'URL indique la zone d'entrée de texte qui doit être entrée dans l'adresse URL

• Le type de nombre indique la zone d'entrée de texte qui doit être entrée

• Le type de plage indique que la zone d'entrée de texte qui doit être entrée dans une certaine plage de valeurs numériques.

HTML5 dispose de plusieurs nouvelles boîtes de texte d'entrée pour sélectionner les dates et les heures:

• Date-Sélectionnez le jour, le mois et l'année

• mois - mois et année sélectionnés

• Semaine - SELECT SEMAINE ET ANNÉE

• Temps - Sélectionnez l'heure (heures et minutes)

• DateTime - Sélectionner l'heure, le jour, le mois, l'année (heure UTC)

• DateTime.Local-Sélection, jour, mois, année (heure locale)

• Pour des éléments tels que Basefont, Big, Center, Font, S, Strike, TT et U, car leurs fonctions sont purement utilisées pour afficher les écrans, et HTML5 préconise l'édition unifiée des fonctions d'affichage d'écran dans les feuilles de style CSS, donc ces éléments sont abolis.

• Pour les éléments de Frameset, les éléments de trame et les éléments NOFRAMES, puisque le cadre de trame a un impact négatif sur la disponibilité de la page Web, le cadre de trame n'est plus pris en charge dans HTML5, et seul le cadre IFRAME est pris en charge, ou la forme d'une page composite composée de plusieurs pages créées par le serveur est abolie en même temps.

• Pour Applet, Bgsound, Blink, Marquee et d'autres éléments, car seuls certains navigateurs prennent en charge ces éléments, en particulier les éléments BGSOUND et Marquee, qui ne sont pris en charge que par Internet Explorer, il est aboli en HTML 5. Lorsque l'élément d'applet peut être remplacé par un élément erned ou un élément d'objet, l'élément BGSound peut être remplacé par un élément audio, et un élément de transmission par JOVE par Jav méthode de programmation

• Abolir l'élément RB et utiliser l'élément Ruby pour le remplacer

• Abolir l'élément acronyme et utiliser l'élément ABBR pour le remplacer

• Abolir l'élément DIR et utiliser l'élément UL pour le remplacer

• Abolir l'élément IsIndex et le remplacer par l'élément de forme et l'élément d'entrée.

• Abolir les éléments d'inscription et utiliser des éléments pré-les pour les remplacer

• Abolir l'élément XMP et utiliser l'élément de code pour le remplacer

• Abolir les éléments Nextid et utiliser des guids à la place

• Abolir les éléments en texte en clair et utiliser le type de texte / mime Plian pour remplacer

• Attribut AutoFocus ajouté, qui permet aux éléments de se concentrer automatiquement lorsque l'écran est ouvert en spécifiant les attributs;

• Attribut de placement ajouté, qui invitera les entrées de l'utilisateur, invitant l'utilisateur à ce qu'il peut entrer;

• Ajoutez un nouvel attribut de formulaire, déclarez à quel formulaire il appartient, puis placez-le n'importe où sur la page, pas dans le formulaire;

• Ajout d'un attribut requis, ce qui signifie que l'utilisateur vérifiera lors de la soumission. Vous devez avoir du contenu d'entrée dans l'élément lors de la vérification;

• Ajouter un attribut multimédia, qui spécifie pourquoi l'URL cible est optimisée par le support / périphérique de type et ne peut être utilisée que lorsque l'attribut HREF existe;

• Ajouter des attributs Hreflang et des attributs REL pour maintenir la cohérence avec l'élément A et l'élément de liaison;

• Attribut Reverend, qui spécifie la liste à afficher dans l'ordre inverse;

• Ajoutez un attribut asynchrone à l'élément de script, qui définit si le script est exécuté de manière asynchrone;

• Tous les attributs qui peuvent être remplacés par des feuilles de style CSS sont abolis;

• Les attributs superflus, tels que: cible, profil, version, etc., sont abolis;

Dans HTML5, un nouveau concept d'attributs mondiaux est ajouté. Le soi-disant attribut global fait référence aux attributs qui peuvent être utilisés sur n'importe quel élément.

• Cette propriété permet à l'utilisateur de modifier le contenu de l'élément, peut obtenir la mise au point de la souris, la propriété est une valeur booléenne, peut être spécifiée comme vraie ou fausse. De plus, cette propriété a également un statut d'héritage caché. Lorsque cela est vrai, l'édition est autorisée. Lorsqu'il est faux, l'édition n'est pas autorisée. Lorsqu'il n'est pas spécifié, Hériter décidera.

• Cette propriété est utilisée pour déterminer si la page entière est modifiable. Il y a deux attributs en activité. Lorsque la propriété est activée, elle peut être modifiée, mais lorsqu'elle est désactivée, elle ne peut pas être modifiée.

• Tous les éléments permettent un attribut caché, qui est similaire à l'élément caché de l'élément d'entrée. Sa fonction consiste à informer le navigateur de ne pas rendre l'élément, afin que l'élément soit invisible. La valeur de cette propriété est une valeur booléenne. Lorsqu'il est vrai, il n'est pas visible, et lorsqu'il est faux, il est visible.

• Cette propriété est une nouvelle propriété fournie par HTML 5 pour l'élément d'entrée (Type = Text) et TextArea, qui effectue principalement des vérifications d'orthographe et de grammaire sur le contenu d'entrée utilisateur. La valeur d'attribut est une valeur booléenne. Lors de l'écriture, vous devez clairement déclarer que la valeur d'attribut est vraie ou fausse. La méthode d'écriture est la suivante:

<! - Les deux méthodes d'écriture suivantes sont correctes—> <TextArea SpellCheck = True> <Type de Text = Text SpellCheck = False> <! - Les deux méthodes d'écriture suivantes sont fausses—> <TextArea SpellCheck>

Dans HTML4, les éléments subordonnés du formulaire doivent être écrits dans le formulaire, mais dans HTML5, ils peuvent être écrits n'importe où sur la page, puis un attribut de formulaire est donné à l'élément, et la valeur d'attribut est l'ID de l'unité de formulaire, afin que l'élément puisse être déclaré subordonné au formulaire spécifié.

Copier le code