Heim >Web-Frontend >CSS-Tutorial >Gilt das Verschachteln eines `` innerhalb eines ``-Elements als korrektes HTML?

Gilt das Verschachteln eines `` innerhalb eines ``-Elements als korrektes HTML?

DDDOriginal: 2024-11-16 09:31:03308Durchsuche

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

Ist es richtig, ein

zu verschachteln? Innerhalb eines Element?

In Bootstrap ist es üblich, horizontale Formen zu verwenden. Allerdings könnte es notwendig sein, die Erstellung von IDs für jede -Komponente zu vermeiden. Element. Um dieses Problem zu umgehen, erwägen einige die Verschachtelung eines

innerhalb eines mit einer benutzerdefinierten CSS-Klasse, um zu erzwingen, dass es sich wie ein Blockelement verhält.

Im Einzelnen demonstriert der folgende Code diesen Ansatz:

<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>

Und das benutzerdefinierte CSS:

.block {
  display: block;
}

Der richtige Ansatz

Gemäß der HTML-Spezifikation ist ein Das Element darf kein

enthalten. Element. Aus der Spezifikation:

"Inhaltsmodell:
Formulierungsinhalt, aber ohne untergeordnete beschriftbare Elemente, es sei denn, es handelt sich um das beschriftete Steuerelement des Elements, und ohne untergeordnete Beschriftungselemente."

Bezieht sich auf den Formulierungsinhalt auf Text und Elemente, die Text auf der Ebene innerhalb eines Absatzes markieren, darunter , , und und andere.

ist nicht in dieser Liste enthalten. Daher ist das Verschachteln eines innerhalb eines gilt als falsches HTML. Dies kann zu unerwartetem Verhalten oder Validierungsfehlern führen. Das obige ist der detaillierte Inhalt vonGilt das Verschachteln eines `` innerhalb eines ``-Elements als korrektes HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!css bootstrap html for class this input Stellungnahme：Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wie kann ich Div-Elemente mit mehreren Klassennamen abfragen?Nächster Artikel：Wie kann ich Div-Elemente mit mehreren Klassennamen abfragen?

`In Verbindung stehende Artikel`

Mehr sehen

Zusammenfassung dessen, worauf Sie beim Schreiben von CSS bezüglich Border achten müssen So realisieren Sie die Auswahl mehrerer Stile und den Echtzeitwechsel von Stilen. Erleben Sie den Austausch Detaillierte Nutzungsanalyse von Marquee CSS标题线（删除线贯穿线效果）实现 CSS3中优雅降级和渐进增强的区别