Quelles sont les balises et les règles communes en HTML5 ? Introduction aux balises et règles HTML5

Cet article vous présente quelles sont les balises et les règles communes en HTML5 ? L'introduction des balises et des règles html5 a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère que cela vous sera utile.

1. Règles de dénomination
Classe [Obligatoire] : Le mot doit être entièrement en minuscules, séparé par -, et doit représenter le contenu ou la fonction du module ou composant correspondant, et ne doit pas être nommé avec le style HTML intégré, la dénomination doit avoir une sémantique claire.
[Obligatoire] identifiant : doit rester unique dans la page et le nom doit avoir une sémantique claire.

2. Balise
[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 - insertion
del - suppression
abbr - abréviation
code - code d'identification
cite - le titre de l'ouvrage source
q - citation
blockquote - a paragraphe ou citation longue
ul - Liste non ordonnée
ol - Liste ordonnée
dl,dt,dd - Liste définie
[Recommandation] Les tableaux ne doivent pas être utilisés pour la mise en page lorsque CSS peut atteindre la même exigence.

3. Attributs
[Obligatoire] Les attributs doivent utiliser des lettres minuscules et leurs valeurs d'attribut doivent être entourées de guillemets doubles.
[Suggestion] 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 des majuscules DOCTYPE

. 5. Encodage de la langue
[Recommandation] contribue à 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 d'encodage des caractères et doit être le premier élément enfant direct de head, par exemple : .

6. Introduction de 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 du head
[Obligatoire] La balise Title doit être définie comme un élément enfant direct du head et immédiatement après la déclaration charset.
[Obligatoire] L'accessibilité de Favicon est garantie, par exemple :
[Obligatoire] L'attribut Viewport doit être spécifié.

8. Images
[Obligatoire] 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 chargées paresseusement.
[Recommandation] Ajoutez la valeur de l'attribut alt aux images importantes.
[Recommandé] 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. 🎜 >[Obligatoire] La valeur de l'attribut type doit être spécifiée lors de l'utilisation d'éléments de bouton

11 Accessibilité

[Recommandation] Lors de l'utilisation de JavaScript pour la soumission de formulaire, la fonction de soumission native doit être autorisée à fonctionner correctement.
[Recommandation] Spécifiez l'attribut type de la zone de saisie en fonction du type de contenu, par exemple :

12. Multimédia

[Recommandation] Utiliser l'audio. et balises vidéo à lire Pour l'audio et la vidéo, veuillez faire attention au format :
Format audio : MP3, WAV, Ogg
Format vidéo : MP4, WebM, Ogg

Notes

[Obligatoire] Pour Le code CSS et JavaScript de la page ou du module doit être commenté en détail

Recommandations associées :

Résumé des modifications de la structure des pages html5 et ajout et suppression de balises

Exemple de code de balise div en HTML5

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!