Können Sie ein „' in ein „'-Element einfügen?-CSS-Tutorial-php.cn

Können Sie ein „' in ein „'-Element einfügen?

Mary-Kate Olsen

Freigeben： 2024-11-15 12:28:02

Original

331 Leute haben es durchsucht

Can You Put a `` Inside a `` Element?

Ist es richtig, ein

zu platzieren? Element innerhalb eines Element?

Beim Gestalten eines Bootstrap-Formulars können Probleme im Zusammenhang mit der Verschachtelung von Elementen innerhalb des Label-Tags auftreten. Der anfängliche Ansatz, ein Div innerhalb des Labels mit einer „Block“-CSS-Klasse zu verwenden, wirft Bedenken hinsichtlich der Gültigkeit einer solchen Struktur auf.

Die HTML-Spezifikation besagt eindeutig, dass ein Label-Element kein div-Element enthalten darf, z Es gibt ein Inhaltsmodell an, das Elemente auf Blockebene innerhalb von Inline-Elementen ausschließt. Phrasierungsinhalte, die Elemente wie Eingabe, Spanne und Schaltfläche umfassen, sind innerhalb eines Label-Elements zulässig.

Daher besteht der richtige Ansatz darin, zu vermeiden, dass ein div-Element direkt innerhalb des Label-Elements platziert wird. Stattdessen sollte man eine geeignete HTML-Struktur verwenden, wie zum Beispiel die folgende:

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

Nach dem Login kopieren

Diese überarbeitete Struktur gewährleistet die ordnungsgemäße Verschachtelung von Elementen und entspricht der HTML-Spezifikation.

Das obige ist der detaillierte Inhalt vonKönnen Sie ein „' in ein „'-Element einfügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!