# Référence des Balises HTML Auto-Fermantes

Guide de référence complet pour les éléments vides HTML (balises auto-fermantes), les éléments SVG et les éléments MathML

> Page canonique: https://elysiatools.com/fr/tools/self-closing-html-tags

- **Catégorie:** Development

- **Mots-clés:** html, auto-fermant, vide, éléments, balises, svg, mathml, html5, référence

## Présentation

Accédez rapidement à une liste exhaustive et fiable des éléments vides HTML, SVG et MathML grâce à notre outil de référence des balises auto-fermantes, conçu pour simplifier le développement web et garantir une syntaxe conforme aux standards.

## Entrées

- **Type d'Élément** (select): Filter elements by type
- **Rechercher des Éléments** (text): Filtrer les éléments par nom ou description
- **Inclure des Exemples de Code** (checkbox): Inclure des exemples de syntaxe pour les éléments HTML (quand applicable)
- **Format de Sortie** (select): Choisir le format de sortie

## Quand l'utiliser

- Lors de la rédaction de code HTML5 pour vérifier si une balise nécessite une fermeture explicite.
- Pour identifier rapidement les éléments SVG ou MathML qui ne possèdent pas de contenu textuel.
- Lors de la création de générateurs de code ou de linters nécessitant une liste précise d'éléments vides.

## Fonctionnement

- Sélectionnez le type d'élément souhaité (HTML, SVG ou MathML) via le filtre dédié.
- Utilisez la barre de recherche pour trouver instantanément une balise spécifique par son nom.
- Activez l'option d'exemples de code pour visualiser la syntaxe correcte de chaque élément.
- Choisissez votre format de sortie préféré (Texte, Markdown ou JSON) pour intégrer les données dans vos projets.

## Cas d'usage

- Vérification rapide de la syntaxe lors de l'écriture manuelle de fichiers HTML.
- Intégration de données de référence dans des outils de développement personnalisés.
- Formation et apprentissage des bonnes pratiques de structuration du DOM.

## Questions fréquentes

### Qu'est-ce qu'une balise auto-fermante ?

Il s'agit d'un élément HTML dit 'vide' qui ne contient aucun contenu et ne nécessite donc pas de balise de fermeture (ex:  
, ).

### Les balises SVG sont-elles auto-fermantes ?

Certains éléments SVG sont considérés comme vides, mais leur syntaxe peut varier selon le contexte d'utilisation (XML vs HTML).

### Puis-je exporter la liste en format JSON ?

Oui, l'outil propose une option de format de sortie permettant de récupérer les données directement en JSON.

### L'outil inclut-il les éléments MathML ?

Absolument, vous pouvez filtrer spécifiquement les éléments MathML pour consulter leurs spécificités.

### Est-ce que cet outil est à jour avec HTML5 ?

Oui, la base de données est alignée sur les standards HTML5 actuels concernant les éléments vides.

## Outils associés

- [Générateur de Data URI](https://elysiatools.com/fr/tools/data-uri-generator): Convertit les fichiers en Data URI (Base64 ou pourcentage-encodé) pour intégrer images, polices et ressources directement dans HTML, CSS ou Markdown
- [Générateur de sprite sheet SVG](https://elysiatools.com/fr/tools/svg-sprite-generator): Téléversez jusqu'à 30 icônes SVG et fusionnez-les en une seule sprite sheet : mode pour en ligne, mode pour fragments de fichier externe. Normalise le viewBox (déduit de width/height), déduplique les icônes, peut retirer fill/stroke pour currentColor, nettoie toujours et attributs on\*, et génère les snippets HTML / React / Vue / CSS avec aperçu en direct de chaque icône.</x-turndown>
- [Référence des Balises HTML](https://elysiatools.com/fr/tools/html-tags): Guide de référence complet pour toutes les balises HTML5 standard avec catégories et descriptions
- [Table ASCII de Référence](https://elysiatools.com/fr/tools/ascii-table): Parcourez la table complète des caractères ASCII (0–127) avec décimal, hex, octal, binaire, entité HTML et noms des caractères de contrôle ; filtrez par code ou nom
- [Verificateur d accessibilite](https://elysiatools.com/fr/tools/accessibility-checker): Detecte les problemes WCAG 2.1 courants dans du HTML, des pages ou des maquettes et fournit des corrections concretes
- [Fragments En-tête/Pied PDF](https://elysiatools.com/fr/tools/pdf-header-footer-snippets): Convertit HTML en PDF avec des fragments logo, titre et date
- [Visualiseur de Diagramme Ferroviaire de Regex](https://elysiatools.com/fr/tools/regex-railroad-diagram-visualizer): Génère un diagramme ferroviaire SVG d’une expression régulière montrant les littéraux, groupes, alternatives et répétitions, avec numérotation des groupes de capture et explication des drapeaux
- [Visualiseur de diff JSON](https://elysiatools.com/fr/tools/json-diff-visualizer): Compare deux JSON et genere un rapport visuel avec chemins et statistiques

## Exemples

- [Exemples SVG](https://elysiatools.com/fr/samples/svg-samples): Exemples de graphiques vectoriels évolutifs (SVG) démontrant diverses fonctionnalités et techniques SVG
- [Exemples D3.js Data Visualization](https://elysiatools.com/fr/samples/d3js-data-visualization): Exemples complets de visualisation de données D3.js incluant graphiques, cartes, animations et visualisations interactives
- [Échantillons SVG](https://elysiatools.com/fr/samples/svg-viewer-samples): Graphiques vectoriels d'exemple pour la visionneuse SVG
- [Echantillons XML](https://elysiatools.com/fr/samples/xml-viewer-samples): Fichiers d exemple pour la visionneuse XML dans le navigateur
