recherche

Maison >interface Web >tutoriel CSS >L'imbrication d'un élément `` à l'intérieur d'un `` est-elle considérée comme un code HTML correct ?

L'imbrication d'un élément `` à l'intérieur d'un `` est-elle considérée comme un code HTML correct ?

DDD
DDDoriginal
2024-11-16 09:31:03308parcourir

Is Nesting a `` Inside a `` Element Considered Correct HTML?

Est-il approprié d'imbriquer un

À l'intérieur d'un <étiquette> Élément ?

Dans Bootstrap, il est courant d'utiliser des formulaires horizontaux. Cependant, il peut être nécessaire d'éviter de créer des identifiants pour chaque élément. Pour contourner ce problème, certains envisagent d'imbriquer un fichier

à l'intérieur d'un <étiquette> avec une classe CSS personnalisée pour le forcer à se comporter comme un élément de bloc.

Plus précisément, le code suivant illustre cette approche :

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="block">
      <span class="col-lg-2 control-label">Email</span>
      <div class="col-lg-10">
        <input type="email" class="form-control">
      </div>
    </label>
  </div>
</form>

Et le CSS personnalisé :

.block {
  display: block;
}

La bonne approche

Selon la spécification HTML, un

élément. D'après la spécification :

"Modèle de contenu :
Contenu de phrase, mais sans éléments étiquetables descendants, sauf s'il s'agit du contrôle étiqueté de l'élément, et sans éléments d'étiquette descendants."

Le contenu de phrase fait référence au texte et aux éléments qui balisent le texte au niveau intra-paragraphe, notamment , , et , entre autres.

n'est pas inclus dans cette liste.

Par conséquent, l'imbrication d'un

à l'intérieur d'un <étiquette> est considéré comme du HTML incorrect. Cela peut entraîner un comportement inattendu ou des erreurs de validation.

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!

css bootstrap html for class this input
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment puis-je interroger des éléments Div avec plusieurs noms de classe ?Article suivant：Comment puis-je interroger des éléments Div avec plusieurs noms de classe ?

Articles Liés

Voir plus