Einbettung von Tags innerhalb von <body></strong></p> <p>HTML 4 schreibt vor, dass <style> Tags sollten innerhalb des <head>-Tags platziert werden. Abschnitt. Allerdings erlauben die meisten Browser ihre Aufnahme in den <body> Element.</p> <p>In der Vergangenheit galt diese Praxis als schlechter Programmierstil. Die Einführung des Bereichsattributs in HTML 5 ermöglicht jedoch die Erstellung von Stylesheets, die innerhalb des übergeordneten Elements des <style>-Attributs liegen. Etikett. Dies ermöglicht <style> Tags, die innerhalb des <body> platziert werden sollen Element, sofern bestimmte Einschränkungen eingehalten werden.</p> <p><strong>Fallstudie: Scoped Style</strong></p> <p>Betrachten Sie den folgenden HTML-Code:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><!DOCTYPE html> <html> <head></head> <body> <div></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>In einem HTML -5 aktivierten Browser, der das Bereichsattribut unterstützt, führt die Darstellung dieses Codes dazu, dass der Bereich des Stylesheets auf das <div> Element.<p><strong>Vorbehalt: Fehlende Unterstützung für Bereichsattribute</strong></p><p>Es ist wichtig zu beachten, dass zum Zeitpunkt des Schreibens im Mai 2013 kein Mainstream-Browser das Bereichsattribut unterstützte . Entwickler-Builds von Chromium haben es jedoch unterstützt.</p><p><strong>Implikation: Zukunftssicherheit und aktuelles Browserverhalten</strong></p><p>Trotz der fehlenden Unterstützung für das Bereichsattribut erlauben aktuelle Browser dies im Allgemeinen <Stil> Tags innerhalb des <body>.</p><p>Angesichts der Tatsache, dass:</p></pre> <ul> <li>Scoped-Attribut von den meisten Browsern ignoriert wird</li> <li><style> Tags innerhalb von <body> werden von den meisten Browsern zugelassen</li> <li>Zukünftige Implementierungen müssen bereichsbezogene <style> Tags innerhalb von <body></li> </ul> <p>Es ist grundsätzlich harmlos, <style> Tags innerhalb des <body>, vorausgesetzt, sie sind mit dem Attribut „scoped“ zukunftssicher. Der einzige Nachteil besteht darin, dass aktuelle Browser das Stylesheet nicht unterstützen.</p> <p><strong>Fazit</strong></p> <p>Das Einbetten von CSS in HTML ist eine bequeme Möglichkeit, spezifische Stile für gekapselte, modulare Komponenten zu erreichen. Während diese Vorgehensweise einst als Stilbruch galt, stellt das bereichsbezogene Attribut in HTML 5 eine legitime Lösung dar. Es ist jedoch wichtig, sich der Einschränkungen der Browserunterstützung bewusst zu sein und den Code entsprechend zukunftssicher zu machen.</p>
