Wenn wir verwenden müssen <script> Etikett drin <head> Abschnitt und wann wir die verwenden müssen <script> Etikett drin <body> Sektion? Was ist der Unterschied zwischen diesen beiden Vorkommnissen?
Wann verwendet man die -Tag im Head- und Body-Bereich einer HTML-Seite? [duplicate]
Lesezeit: 2 Minuten
10191700cookie-checkWann verwendet man die -Tag im Head- und Body-Bereich einer HTML-Seite? [duplicate]
JCA Joe
Shubham Khatri
Skripte ein <head>
Skripte, die ausgeführt werden, wenn sie aufgerufen werden oder wenn ein Ereignis ausgelöst wird, werden in Funktionen platziert.
Platzieren Sie Ihre Funktionen im Head-Bereich, auf diese Weise sind sie alle an einem Ort und stören den Seiteninhalt nicht.
Skripte ein <body>
Wenn Ihr Skript nicht in einer Funktion platziert ist oder wenn Ihr Skript Seiteninhalte schreibt, sollte es im Body-Bereich platziert werden. Es ist eine gute Idee, Skripte am unteren Rand des zu platzieren
<body>Element. Dies kann das Laden der Seite verbessern, da die Skriptkompilierung die Anzeige verlangsamen kann.
In kurzer und einfacher Sprache:
-
Platzieren Sie Bibliotheksskripte wie die jQuery-Bibliothek im Head-Bereich.
-
Platzieren Sie ein normales Skript im Kopf, es sei denn, es wird zu einem Leistungs-/Seitenladeproblem.
-
Platzieren Sie ein Skript, das sich auf die Darstellung der Seite auswirkt, am Ende des Hauptteils
-
Wenn Ihr .. unter “Scripts in ” Abschnitt bedeutet?
– Smart Manoj
22. Februar 2020 um 11:40 Uhr
<script> Tags werden vom Browser geladen und ausgeführt, sobald er auf sie trifft. Die meisten modernen Browser verfügen über mehrere Threads, die die HTML-Seite gleichzeitig rendern. Wenn jedoch alle diese Threads blockiert sind und darauf warten, JavaScript-Assets zu laden, dauert das Rendern der Seite viel länger.
Das ist der Grund, warum die Leute normalerweise ihre platzieren <script> Tags in der <body> unten auf der Seite, sodass der gesamte HTML-Code der Seite gerendert wurde und der Benutzer etwas sehen kann, während die Seite umfangreiche JavaScript-Assets lädt.
stackoverflow.com/questions/196702/…
– rUCHit31
16. Juli 2016 um 5:11 Uhr
siehe diesen Link stackoverflow.com/questions/17106462/…
– Udhay Titus
16. Juli 2016 um 5:12 Uhr
Bitte beachten Sie den folgenden Link mit einer detaillierten Erklärung. stackoverflow.com/questions/436411/…
– Prashant Majhwar
16. Juli 2016 um 5:18 Uhr