also ich nicht. Mir war nur nach dem Posting von Orlok aufgefallen, dass der Quelltextbutton als Default einen Einzeiler vorsieht. Mir gefiel Mehrzeiler (mit ~~~) als Default besser. Die Idee von Orlok, die Entscheidung kontextabhängig zu machen, finde ich auch gut. Übrigens, könnte man solche Drifts nicht einfach in einen neuen Thread schieben? und wie reagieren die Browser, die scope nicht unterstützen? Die meisten wenden das CSS auf das gesamte Dokument an und überschreiben ggf. vorherige Deklarationen. Css im body einbinden in online. gibt es auch Browser, die das CSS im Body ignorieren? keine Ahnung. Insgesamt ist aber davon abzuraten, sich auf undokumentiertes Verhalten zu verlassen. Die wenden die style-Angaben auf den Container mit id="basis" an. Davon sollte es nur einen geben im Dokument. Linuchs
Bei Änderungen kann ich direkt die Zusätze ändern. CSS- und JS-Angaben sind dann Teil des Objekts, im Sinne von objektorientierter Programmierung. Warum sollte ich die Angaben zu einem Formular in den Kopf- oder Fussbereich der Seite packen und damit zerteilen? Schlecht für die Übersicht, gut für Fehler. Linuchs Hallo also CSS im Body? Gruß Jürgen Hallo JürgenB, scoped Beispiel CanIUse Hallo Matthias, deswegen die Nachfrage, die Unterstützung ist extrem mau. Der neue "Quelltext" sieht ja seltsam aus … Hallo Jürgen, Ich packe "Objekte", also zusammengehörendes CSS, HTML und Javascript in einen Container mit ID. Die zusätzlichen styles beschränken sich auf diese ID: < div id = " basis " > < style scoped > #basis { border: 1px solid #aaa;} #basis h1 { color: #f00;} < script >... Css im body einbinden door. < script > < h1 > Basisangaben ... Hallo Linuchs, Nicht, wenn man es richtig macht. 3 Tilden für Block-Code, Backticks für inline-Code. Wie immer eigentlich. Nur, dass bei mir (FF 48. 0) bei Klick auf [Quelltext] die Backticks kommen und nicht die Tilden wie bisher.
Was passiert und warum?
Laden als Datei oder direkt einsetzen Im script-Element können Script-Anweisungen direkt eingesetzt werden, aber script kann auch eine externe Script-Datei mittels scr-Attribut laden. Ohne weitere Vorsorge führt der Browser führt das Script sofort an Ort und Stelle aus. Javascript ändert Inhalte, CSS-Stile oder HTML-Elemente und kann erst erst fehlerfrei ausgeführt werden, wenn das DOM, CSS-Dateien, globale CSS-Stile und der Inhalt bereits geladen sind. Wenn das Javascript im head der HTML-Seite geladen wird, stellt der Browser alle weiteren Elemente zurück, bis das Script geladen und interpretiert ist. Das kann zu einem sichtbaren Aussetzer beim Laden der Seite führen. Wenn das Script schon in HTML head geladen werden muss, dann besser nach allen CSS-Dateien. Einbinden von CSS. Script in HTML einbinden
^ | +----- Externe Scriptdatei einbinden Das script-Tag muss immer durch geschlossen werden. +----- Anfang des Scripts V +----- Ende des Scriptbereichs Seite vollständig geladen Wenn das Script im head-Element der Webseite ausgeführt wird, braucht es einen Mechanismus, der feststellt, ob die Seite vollständig geladen ist – einen Event-Handler).