w3docs logo
Wo wird das <script>-Tag verwendet?
Quiz Starten - "HTML Grundlagen"

Verwendung des <script>-Tags in HTML

Das <script>-Tag wird in HTML zur Einbettung oder Verweis auf JavaScript-Code verwendet. Es kann sowohl innerhalb des <head>-Tags als auch innerhalb des <body>-Tags platziert werden, was die Frage bestätigt, dass es "In den <head>- und <body>-Tags" verwendet wird.

Während das <script>-Tag oft im <head>-Bereich einer HTML-Seite gesehen wird, um den JavaScript-Code zu definieren, der vor der Darstellung der Seite geladen werden soll, kann es auch im <body>-Bereich verwendet werden, um den Code zu definieren, der ausgeführt wird, wenn ein bestimmtes Ereignis eintritt, wie z.B. ein Klick auf eine Schaltfläche.

Ein praktisches Beispiel wäre folgendes:

<!DOCTYPE html>
<html>
<head>
    <title>Beispieldokument</title>
    <script>
        function greet() {
            alert("Hallo, Welt!");
        }
    </script>
</head>
<body>
    <button onclick="greet()">Klicken Sie hier</button>
</body>
</html>

In diesem Beispiel ist der JavaScript-Code im <script>-Tag innerhalb des <head>-Teils definiert, aber die Funktion greet wird erst aufgerufen, wenn der Benutzer auf die Schaltfläche im <body>-Teil klickt.

Ein guter Praxistipp für die Platzierung von <script>-Tags ist jedoch, sie so weit wie möglich unten im <body>-Bereich zu platzieren. Der Grund dafür ist, dass der Browser die Parsing- und Darstellung von HTML pausiert, während er JavaScript herunterlädt und ausführt. Wenn also ein <script>-Tag im oberen Teil der Seite steht, kann es die Ladezeit der Seite verzögern.

Es ist jedoch wichtig zu beachten, dass moderne Praktiken und Tools wie das asynchrone oder verzögerte Laden von Skripten diese Empfehlung weniger wichtig gemacht haben, aber es ist immer noch eine gute Praxis, sie zu befolgen, da nicht alle Browser oder Benutzer solche Verbesserungen unterstützen.

Related Questions

Finden Sie das nützlich?