Le Élément à l'intérieur d'un une structure HTML appropriée ? Lors de l'utilisation de Bootstrap dans une présentation de formulaire horizontale, les développeurs peuvent rencontrer une situation dans laquelle l'attribution d'identifiants uniques à chaque élément d'entrée n'est pas souhaitable. Comme alternative, certains tentent d'imbriquer un élément dans un . Cependant, il est important de considérer la validité de cette approche. Élément de bloc au sein d'un élément en ligne L'élément element est un élément en ligne par défaut. D'autre part, le element est un élément de bloc. Il est généralement considéré comme du code HTML non valide d'inclure un élément de bloc à l'intérieur d'un élément en ligne. La spécification de l'élément label indique explicitement qu'il ne doit contenir aucun élément de bloc descendant, y compris . CSS personnalisé : un correctif temporaire Lors de l'application une règle CSS comme .block { display: block; } peut visuellement obtenir la mise en page souhaitée, cela ne résout pas le problème de balisage HTML sous-jacent. S'appuyer sur des modifications CSS personnalisées pour remplacer le comportement d'affichage par défaut est vulnérable aux interruptions imprévisibles et aux problèmes de maintenance. Corriger la structure HTML Pour résoudre le problème correctement, utilisez une formulation élément, tel que , dans l'étiquette au lieu d'un : Email Copier après la connexion Conclusion Bien qu'apparemment efficace avec l'aide de CSS, l'imbrication d'un dans un <étiquette> n'est pas conforme aux spécifications HTML. Pour créer une mise en page valide et maintenable, utilisez des éléments de phrase dans les s pour le texte en ligne et évitez d'introduire des éléments de bloc.
