Quelles sont les règles d'utilisation des balises html5 ?

Règles d'utilisation : 1. L'attribut class de la balise doit utiliser des lettres minuscules et utiliser "-" pour séparer les mots. Il ne peut pas être nommé avec les styles intégrés. 2. L'attribut id de la balise doit rester unique ; la page ; 3. Le nom de la balise doit utiliser des lettres minuscules ; 4. L'utilisation des balises doit respecter les règles d'imbrication des balises ; 5. L'utilisation des balises doit suivre la sémantique des balises.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Quelles sont les règles d'utilisation des balises html5

1. Règles de dénomination

Classe [Obligatoire] : Tous les mots doivent être en minuscules, séparés par -, et doivent représenter le contenu ou la fonction du module ou composant correspondant, Il ne doit pas être nommé d'après le style HTML intégré et le nom doit avoir une sémantique claire.

[Obligatoire] identifiant : doit rester unique dans la page et le nom doit avoir une sémantique claire.

2. Balises

[Obligatoire] Les noms de balises en HTML doivent utiliser des lettres minuscules.

[Obligatoire] La fermeture des balises doit être conforme à la réglementation HTML5.

[Obligatoire] L'utilisation des balises doit respecter les règles d'imbrication des balises Par exemple : p ne doit pas être placé dans p, et tbody doit être placé dans un tableau.

[Recommandation] L'utilisation des balises doit suivre la sémantique des balises, par exemple :

p - Paragraphe

h1, h2, h3, h4, h5, h6 - Titre hiérarchique

strong, em - Emphase

ins - Insérer

del - delete

abbr - abréviation

code - identifiant de code

cite - le titre de l'ouvrage source cité

q - quote

blockquote - un paragraphe ou une longue citation

ul - liste non ordonnée

ol - Liste ordonnée

dl,dt,dd - Définir une liste

[Recommandation] Les tableaux ne doivent pas être utilisés pour la mise en page lorsque CSS peut répondre aux mêmes exigences.

3. Attributs

[Obligatoire] Les attributs doivent utiliser des lettres minuscules et leurs valeurs d'attribut doivent être entourées de guillemets doubles.

[Suggestions] Les suggestions de type booléen n'ajoutent pas de valeurs d'attribut. Il est recommandé que les attributs personnalisés soient préfixés par xxx- et data-

4 DOCTYPE

[Obligatoire] Utilisez doctype pour activer le mode standard. Il est recommandé d'utiliser le codage de langue en majuscule

. [Recommandé] ] permet d'améliorer l'accessibilité de la page. L'attribut lang correct doit être défini, par exemple :

[Obligatoire] La page doit spécifier la méta du caractère. encodage, et il doit s'agir de head Le premier élément enfant direct, par exemple : .

6. Introduction à CSS et JavaScript

[Obligatoire] Lors de l'introduction de CSS, vous devez spécifier rel="stylesheet", et lors de l'introduction de CSS et Javascript, vous devez spécifier l'attribut type.

[Recommandation]Le code Javascript doit être placé en fin de page ou chargé de manière asynchrone.

7. Contenu de la tête

[Obligatoire] La balise Title doit être définie comme un élément enfant direct de la tête et immédiatement après la déclaration du jeu de caractères.

[Obligatoire] Favicon est garanti accessible, par exemple :

[Obligatoire] L'attribut Viewport doit être spécifié.

8. Images

[Obligatoire] Il est interdit que la valeur src de img soit vide, et la valeur de l'attribut src par défaut doit également être ajoutée aux images à chargement retardé.

[Recommandation] Ajoutez une valeur d'attribut alt aux images importantes.

[Recommandation] Ajoutez des attributs de largeur et de hauteur pour éviter le gigue de la page.

9. Titre du contrôle

[Obligatoire] Les contrôles avec des titres de texte doivent utiliser des balises d'étiquette pour les associer à leurs titres, par exemple :

<label><input type="checkbox"name="confirm" value="on"> 我已确认上述条款</label>或<labelfor="user">用户：</label><inputtype="text" name="user" id="user">

10 Boutons

[Obligatoire] Le type doit être spécifié lors de l'utilisation. la valeur de l'attribut de l'élément bouton

11. Accessibilité

[Recommandation] Lorsque vous utilisez JavaScript pour la soumission de formulaire, la fonction de soumission native doit fonctionner correctement.

[Suggestion] Spécifiez l'attribut type de la zone de saisie en fonction du type de contenu, par exemple :

12 Multimédia

[Suggestion] Utilisez des balises audio et vidéo pour. Pour lire de l'audio et de la vidéo, faites attention au format :

Format audio : MP3, WAV, Ogg

Format vidéo : MP4, WebM, Ogg

13 Remarque

[Obligatoire] Le code CSS et javascript pour. la page ou le module doit être détaillé Note

Tutoriel recommandé : "

Tutoriel vidéo html

"

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!