HTML5 | Outil de vérification des balises non fermées

Remarque: Lorsque certaines balises ne sont pas fermées correctement, cela peut entraîner un effet boule de neige qui montre que de nombreuses balises ne sont pas fermées. La plupart du temps, le coupable se situe dans la moitié inférieure de la liste d'erreurs, au milieu ou après le dernier élément de la liste d'erreurs, et la correction des balises non fermées entraînerait la réussite de la vérification de l'ensemble du document (en supposant que l'entrée fournie est un code HTML5 valide). Si le code est long, il peut parfois être utile de le diviser en morceaux plus petits, pour affiner les balises qui ne sont pas fermées.

Rationalisez votre codage HTML avec notre outil de pointe qui détecte sans effort les balises non fermées, garantissant que votre code reste sans erreur et que vos pages Web s'affichent parfaitement. Collez votre code dans la zone ci-dessus pour savoir s'il existe des balises HTML5 non fermées.

HTML5 est la dernière norme du langage de balisage hypertexte, offrant des fonctionnalités et des capacités avancées pour créer du contenu Web moderne.

Le maintien d'un code HTML sans erreur avec des balises correctement fermées est crucial pour des performances SEO robustes, améliorant l'accessibilité du site Web et garantissant une expérience utilisateur transparente.

Balises HTML

HTML comporte à la fois des balises auto-fermées pour les éléments concis comme les images ('<img>') et des balises régulières qui entourent le contenu, comme les paragraphes ('<p>'), offrant des moyens polyvalents de structurer. contenu Web.

Balises à fermeture automatique

• '<area />': définit une zone cliquable dans une image cliquable.
• '<base />': Spécifie une URL de base pour les URL relatives dans un document.
• '<br />': Insère un saut de ligne dans le texte ou le contenu.
• '<circle />': Définit un chemin circulaire au sein de SVG (Scalable Vector Graphics).
• '<col />': Spécifie les propriétés de colonne pour les tableaux HTML.
• '<embed />': Incorpore du contenu externe, comme du multimédia ou des plugins.
• '<hr />': Crée un saut thématique ou une ligne horizontale.
• '<img />': Incorpore une image dans le document.
• '<input />': Définit un élément d'entrée utilisateur.
• '<link />': Liens vers des ressources externes telles que des feuilles de style ou des icônes.
• '<meta />': Fournit des métadonnées sur le document.
• '<param />': Spécifie les paramètres des plugins dans les éléments d'objet.
• '<path />': Définit un chemin vectoriel au sein de SVG (Scalable Vector Graphics).
• '<source />': Spécifie plusieurs ressources multimédias pour les éléments multimédias.
• '<track />': Fournit des pistes de texte pour les éléments multimédias comme '<video>' ou '<audio>'.
• '<wbr />': Définit une opportunité de saut de mot dans le texte.
• '<command />': Définit un bouton de commande dans un menu.
• '<keygen />': Génère une paire de clés pour les formulaires utilisés en cryptographie.
• '<menuitem />': Définit un élément dans un '<menu>'.
• '<frame />': Définit une sous-fenêtre (obsolète en HTML5).

Balises régulières

• '<p>': Définit un paragraphe.
• '<h1> to <h6>': Rubriques de différents niveaux.
• '<strong>': Représente une forte importance.
• '<em>': Représente le texte souligné.
• '<mark>': Met en surbrillance le texte pour référence.
• '<abbr>': Définit une abréviation.
• '<blockquote>': Représente une citation en bloc.
• '<ul>': Définit une liste non ordonnée.
• '<ol>': Définit une liste ordonnée.
• '<li>': Représente un élément de liste.
• '<dl>': Définit une liste de descriptions.
• '<dt>': Représente un terme dans une liste de description.
• '<dd>': Représente une description dans une liste de descriptions.
• '<a>': Définit un lien hypertexte.
• '<nav>': Représente les liens de navigation.
• '<audio>': Incorpore le contenu audio.
• '<video>': Incorpore le contenu vidéo.
• '<form>': Définit un formulaire HTML.
• '<textarea>': Crée une saisie de texte multiligne.
• '<select>': Crée une liste déroulante.
• '<button>': Définit un bouton cliquable.
• '<table>': Définit un tableau HTML.
• '<thead>': Définit l'en-tête d'un tableau.
• '<tbody>': Définit le contenu du corps d'un tableau.
• '<tr>': Définit une ligne de tableau.
• '<th>': Définit une cellule d’en-tête de tableau.
• '<td>': Définit une cellule de données de tableau.
• '<caption>': Fournit une légende pour un tableau.
• '<div>': Définit un conteneur générique.
• '<span>': Définit le texte de style en ligne.
• '<header>': Représente un en-tête de document ou de section.
• '<footer>': Représente un pied de page de document ou de section.
• '<section>': Représente un regroupement thématique de contenu.
• '<article>': Représente un élément de contenu autonome.
• '<aside>': Représente le contenu tangentiellement lié au contenu environnant.
• '<button>': Définit un bouton cliquable.
• '<details>': Représente un widget de divulgation.
• '<summary>': Fournit un résumé pour un élément '<details>'.
• '<object>': Incorpore du contenu ou des ressources externes.
• '<iframe>': Incorpore un contexte de navigation imbriqué.
• '<canvas>': Incorpore des graphiques via des scripts.
• '<svg>': Incorpore des graphiques vectoriels évolutifs.
• '<math>': Incorpore des équations mathématiques.
• '<time>': Représente une heure ou une plage spécifique.
• '<address>': Représente les informations de contact.
• '<code>': Représente le texte du code informatique.
• '<pre>': Représente du texte préformaté.
• '<fieldset>': Regroupe les éléments de formulaire associés.
• '<legend>': Fournit une légende pour un '<fieldset>'.
• '<ruby>': Représente les annotations pour la typographie d’Asie de l’Est.
• '<rt>': Représente la prononciation des caractères dans un élément '<ruby>'.

Notez que les listes ci-dessus n'incluent que certaines des balises HTML courantes à fermeture automatique et sans fermeture automatique (normales), mais il existe de nombreuses autres balises disponibles en HTML5 à diverses fins.

Glossaire

• Vérifier le code HTML pour les balises non fermées: le bouton qui exécute le processus de vérification.
• Ligne: Le texte précédant le(s) numéro(s) de ligne, où la ou les balises qui n'ont pas d'équivalent fermant ont été détectées.
• Aucune balise non fermée n'a été détectée.: Le message lorsque toutes les balises HTML sont fermées correctement.
• Collez votre code HTML ici...: La zone où va le code HTML, pour vérifier les balises non fermées/manquantes.
• La balise suivante ne semble pas fermée: Dans le cas où il y aurait une balise non fermée dans le code.
• Les balises suivantes ne semblent pas fermées: Dans le cas où il y aurait deux ou plusieurs balises non fermées dans le code.

Conclusion

Fermer correctement les balises HTML est d'une importance primordiale dans le développement Web. Chaque balise sert d'instruction cruciale aux navigateurs pour interpréter et restituer le contenu avec précision. Négliger de fermer les balises peut entraîner des problèmes de mise en page involontaires, une mauvaise interprétation du contenu et des expériences utilisateur incohérentes sur différents appareils et navigateurs. Cette attention méticuleuse aux détails garantit non seulement une interface utilisateur transparente et visuellement agréable, mais prend également en charge l'accessibilité et l'optimisation des moteurs de recherche. En adhérant aux meilleures pratiques de fermeture des balises HTML, les développeurs préservent l'intégrité de leur code, favorisant ainsi des sites Web fiables, accessibles et conviviaux qui transmettent efficacement les informations tout en conservant une présentation visuelle cohérente.