Wenn Sie sich das HTML-Markup für eine beliebige Webseite heute ansehen, sehen Sie HTML-Elemente, die in anderen HTML-Elementen enthalten sind. Diese Elemente, die "innerhalb" von anderen sind, werden als "verschachtelte Elemente" bezeichnet. Sie sind für das Erstellen einer beliebigen Webseite heute unerlässlich.
Was bedeutet es, HTML-Tags zu verschachteln?
Die einfachste Möglichkeit, die Verschachtelung zu verstehen, besteht darin, HTML-Tags als Boxen zu betrachten, die Ihren Inhalt enthalten. Ihr Inhalt kann Text, Bilder usw. enthalten. HTML-Tags sind die Kästchen um den Inhalt. Manchmal müssen Sie Boxen in anderen Boxen platzieren. Diese "inneren" Kästchen sind in andere eingebettet.
Wenn Sie einen Textblock haben, den Sie in einem Absatz fett formatieren möchten, haben Sie neben dem Text selbst zwei HTML-Elemente.
Beispiel: Dies ist ein Satz von text.
Diesen Text verwenden wir als Beispiel. So würde es geschrieben werden.
Beispiel: Dies ist ein Satz von Text. Da Sie möchten, dass das Wort "Satz" fett ist, fügen Sie vor und nach diesem Wort fette Tags zum Öffnen und Schließen hinzu.
Beispiel: Dies ist ein Satz von text. Wie Sie sehen, haben wir eine Box (den Absatz), die den Inhalt / Text unseres Satzes enthält, sowie eine zweite Box (das starke Tag-Paar), die das Wort fett erscheinen lässt. Wenn Sie Tags verschachteln, ist es äußerst wichtig, dass Sie die Tags in der entgegengesetzten Reihenfolge schließen, in der Sie sie geöffnet haben. Sie öffnen die zuerst, gefolgt von der was bedeutet, dass Sie das umkehren und das schließen und dann die Eine andere Möglichkeit, darüber nachzudenken, besteht darin, erneut die Analogie von Boxen zu verwenden. Wenn Sie eine Kiste in eine andere Kiste legen, müssen Sie die innere Kiste schließen, bevor Sie die äußere oder die Kiste schließen können. Was ist, wenn Sie nur ein oder zwei Wörter fett und ein anderes kursiv setzen möchten? So machen Sie das Beispiel: Dies ist ein Satz von Text und es hat auch einige kursiver Text auch. Sie können sehen, dass unsere äußere Box, die , hat jetzt zwei verschachtelte Tags - die und das . Sie müssen beide geschlossen werden, bevor die enthaltende Box geschlossen werden kann. Beispiel: Dies ist ein Satz von Text und es hat auch einige kursiver Text auch. Dies ist ein weiterer Absatz. In diesem Fall haben wir Boxen in Boxen! Das meiste heraus ist das Der wichtigste Grund, warum Sie sich für das Schachteln interessieren sollten, ist die Verwendung von CSS. Cascading Style Sheets sind darauf angewiesen, dass Tags konsistent in dem Dokument verschachtelt sind, sodass sie erkennen können, wo Stile beginnen und enden. Wenn Sie einen Stil einrichten, der alle "Links innerhalb der Division mit einer Klasse von" Hauptinhalt "-Text auf der Seite betreffen soll, kann der Browser aufgrund der falschen Verschachtelung nur schwer feststellen, wo er diese Stile anwenden soll. Sehen wir uns HTML an: Beispiel: Dies ist ein Satz von Text und es hat auch einige kursiver Text auch. Dies ist ein weiterer Absatz. Anhand des Beispiels, das ich gerade angesprochen habe, wenn ich einen CSS-Stil schreiben wollte, der sich auf den Link innerhalb dieser Division auswirkt, und nur diesen Link (im Gegensatz zu anderen Links in anderen Abschnitten der Seite), müsste ich das verwenden Schachteln, um meinen Stil als solcher zu schreiben: .main-content a { Farbe: # F00;}
Andere Gründe sind Barrierefreiheit und Browserkompatibilität. Wenn Ihr HTML-Code nicht korrekt verschachtelt ist, ist er für Bildschirmleseprogramme und ältere Browser nicht so zugänglich. Außerdem kann das visuelle Erscheinungsbild einer Seite vollständig beeinträchtigt werden, wenn die Browser nicht herausfinden können, wie sie eine Seite ordnungsgemäß darstellen, weil HTML-Elemente und -Tags sind fehl am Platz Wenn Sie danach streben, vollständig korrektes und gültiges HTML zu schreiben, müssen Sie die korrekte Verschachtelung verwenden. Andernfalls wird jeder Prüfer Ihren HTML-Code als falsch kennzeichnen. Weitere verschachtelte Tags hinzufügen
Warum sollten Sie sich für das Schachteln interessieren?