Que sont les balises d'auto-fermeture dans HTML?
Les balises d'auto-fermer sont des éléments en HTML qui ne nécessitent pas de balises fermées car elles ne contiennent pas de contenu. Les exemples courants incluent: ① Insérer des images; ② <br> Ajouter des pauses de ligne; ③

Les balises d'auto-fermeture dans HTML sont des éléments qui ne nécessitent pas de balise de clôture car ils ne contiennent aucun contenu. Ils sont généralement utilisés pour insérer des composants autonomes comme les images, les ruptures de ligne ou les champs d'entrée.

Exemples courants de balises à fermeture automatique
Vous avez probablement vu ces étiquettes sans même y penser. Certaines des balises d'auto-ferme les plus couramment utilisées comprennent:

-
<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/175143933036321.jpeg" class="lazy" alt="Que sont les balises d'auto-fermeture dans HTML?" >
pour insérer des images -
<br>
pour les pauses de ligne -
<hr>
Pour les règles horizontales -
<input>
pour les entrées de formulaire -
<link>
pour lier les ressources externes -
<meta>
pour les métadonnées
Ces balises n'ont généralement qu'une balise d'ouverture et s'appuient sur des attributs pour fonctionner correctement. Par exemple:
<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/175143933036321.jpeg" class="lazy" src = "photo.jpg" alt = "ma photo"> <input type = "text" name = "username">
Ils n'enveloppent pas le contenu, il n'est donc pas nécessaire de les fermer avec une balise séparée.

Comment les écrire correctement
Dans HTML, vous pouvez écrire des balises à fermeture automatique de deux façons:
Syntaxe HTML standard (la plus courante):
<img src = "image.jpg" alt="Que sont les balises d'auto-fermeture dans HTML?" >
Style xhtml avec une barre oblique (principalement utilisée dans XML ou JSX):
<img src = "image.jpg" / alt="Que sont les balises d'auto-fermeture dans HTML?" >
Alors que les deux fonctionnent dans des navigateurs modernes, s'en tenir au premier style est plus propre et plus largement accepté dans les documents HTML5 standard.
Assurez-vous également de ne pas utiliser de balises d'auto-fermeture où ils n'appartiennent pas. Par exemple, ce serait incorrect:
❌
<div></div>
<br> ✅<div>Hello</div>
Parce que
est destiné à envelopper le contenu, il devrait toujours avoir une balise de clôture.<hr>Pourquoi ils comptent dans le développement Web
L'utilisation de balises d'auto-fermeture est correctement permet de garder votre HTML propre et efficace. Ils jouent également bien avec d'autres outils tels que des cadres (par exemple, React) ou des systèmes de modèles, où la structure appropriée compte pour le rendu.
Il est facile de négliger les petits détails de syntaxe, mais savoir quelles balises sont auto-fermes et comment les formater évite les bogues inutiles - en particulier lorsque vous travaillez dans différents environnements.
Donc, la prochaine fois que vous écrivez HTML, n'oubliez pas: si la balise n'enveloppe pas le contenu, il n'a probablement pas besoin d'une balise de clôture non plus.
Fondamentalement, c'est tout.
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!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Pour commencer rapidement avec HTML, il vous suffit de maîtriser quelques balises de base pour créer un squelette Web. 1. La structure de la page est essentielle et, qui est l'élément racine, contient des méta-informations et est la zone d'affichage du contenu. 2. Utilisez le titre. Plus le niveau est élevé, plus le nombre est petit. Utilisez des balises pour segmenter le texte pour éviter de sauter le niveau. 3. Le lien utilise des balises et correspond aux attributs HREF, et l'image utilise des balises et contient des attributs SRC et Alt. 4. La liste est divisée en listes non ordonnées et listes commandées. Chaque entrée est représentée et doit être imbriquée dans la liste. 5. Les débutants n'ont pas à forcer la mémorisation de toutes les balises. Il est plus efficace de les écrire et de les vérifier pendant que vous écrivez. Maître la structure, le texte, les liens, les images et les listes pour créer des pages Web de base.

Shadowdom est une technologie utilisée dans la technologie des composants Web pour créer des sous-arbres DOM isolés. 1. Il permet la monture d'une structure DOM indépendante sur les éléments HTML ordinaires, avec ses propres styles et comportements, et n'affecte pas le document principal; 2. Créé via JavaScript, comme l'utilisation de la méthode attachshadow et la définition du mode à ouvrir; 3. Lorsqu'il est utilisé en combinaison avec HTML, il a trois caractéristiques principales: la structure claire, l'isolement de style et la projection de contenu (fente); 4. Les notes incluent le débogage complexe, le contrôle de la portée du style, les frais généraux de performances et les problèmes de compatibilité du cadre. En bref, Shadowdom fournit des capacités d'encapsulation natives pour construire des composants d'interface utilisateur réutilisables et non polluants.

ThenameattributeinaninputTagisUsesedToentifyyInput whentheformmissubmited; itSasaTheKeyInTheKey-ValuepairsentTotheServer, WhereTheUser'sinputisthevalue.1.Wenaformmissubmited, thereAmatTrributeBeCheseke

L'utilisation de balises est la méthode la plus simple et recommandée. La syntaxe convient aux navigateurs modernes pour intégrer directement le PDF; 2. L'utilisation de balises peut fournir une meilleure prise en charge du contenu de contrôle et de sauvegarde, la syntaxe est, et fournit des liens de téléchargement dans les balises sous forme de solutions de sauvegarde lorsqu'elles ne sont pas prises en charge; 3. Il peut être intégré via Google Docsviewer, mais il n'est pas recommandé d'utiliser largement en raison de problèmes de confidentialité et de performances; 4. Afin d'améliorer l'expérience utilisateur, les hauteurs appropriées doivent être définies, des tailles réactives (telles que la hauteur: 80VH) et les liens de téléchargement PDF doivent être fournis afin que les utilisateurs puissent les télécharger et les visualiser eux-mêmes.

❌oucannotnesttagssisideanothertagbecauseit’sinvalidhtml; browsersautomatiquematethethefirstbeforeOpiningtheenxt, résultant de laparateParagraphs.

La méthode de placement de style doit être sélectionnée selon la scène. 1. En ligne convient à la modification temporaire des éléments uniques ou du contrôle JS dynamique, tels que la couleur du bouton change avec le fonctionnement; 2. CSS interne convient aux projets avec quelques pages et une structure simple, ce qui est pratique pour la gestion centralisée des styles, tels que les paramètres de style de base des pages de connexion; 3. La priorité est donnée à la réutilisation, à la maintenance et aux performances, et il est préférable de diviser les fichiers CSS de liaison externe pour les grands projets.

THECONTANTITABLEATTRIBUTEMAKESANYHTMLEMÉMÉRITÉBYADDING CONTANTITALLE = "VRUE", permettant à la réception de codomente detteurthebrowser.

Pour créer une liste HTML non ordonnée, vous devez utiliser une balise pour définir un conteneur de liste. Chaque élément de liste est enveloppé d'une balise et le navigateur ajoutera automatiquement des balles; 1. Créez une liste avec une balise; 2. Chaque élément de liste est défini avec une balise; 3. Le navigateur génère automatiquement des symboles de points par défaut; 4. Les sublilistes peuvent être mis en œuvre par le biais de la nidification; 5. Utilisez l'attribut de type de style liste de CSS pour modifier le style de symbole, tel que le disque, le cercle, le carré ou aucun; Utilisez ces balises correctement pour générer une liste standard non ordonnée.
