Il tag <SCRIPT> in Html
In questa lezione del corso online sul linguaggio Html ti spiego cos'è e a cosa serve il tag <script>
<script> </script>
Il tag <script> ti permette di incorporare codice JavaScript all'interno di un documento html.
E' particolarmente utile per aggiungere nuove funzionalità e rendere interattive le pagine web.
Ad esempio, puoi usarlo per verificare se l'utente ha compilato correttamente tutti i campi di una form prima di inviare i dati al server o modificare il contenuto sulla pagina web in base alle azioni dell'utente.
Cos'è il JavaScript? E' un linguaggio di programmazione usato per creare siti web interattivi e dinamici, aggiungere effetti visivi, manipolare il contenuto della pagina web e altro ancora. E' un linguaggio interpretato del tipo client-side. Il codice JavaScript viene scaricato insieme alla pagina web ed eseguito direttamente dal browser dell'utente (client). Quindi, non devi compilarlo.
Come utilizzare il tag script?
Devi scrivere il codice JavaScript tra le parentesi angolari del tag <script> e </script>.
Ecco un esempio pratico
<script>
// qui va inserito il codice JavaScript
</script>
Quando la pagina web viene caricata, il browser dell'utente interpreta il codice all'interno del tag <script> e lo esegue.
Dove va inserito il tag <script> in HTML?
Puoi inserire il tag script sia nella sezione <head> che nella sezione <body>.
- <!DOCTYPE html>
- <html>
- <head>
- <script>
- codice javascript da eseguire
- </script>
- ...
- </head>
- <body>
- <script>
- codice javascript da eseguire
- </script>
- ...
- </body>
- </html>
Qual è la differenza?
- Se inserisci il tag <script> nella sezione <head>, il browser esegue lo script prima di visualizzare la pagina web sullo schermo dell'utente. Quindi, l'utente potrebbe notare dei ritardi nel caricamento della pagina.
- Se inserisci il tag <script> nella sezione <body>, il browser esegue lo script dopo la visualizzazione della pagina web. In questo caso l'utente vede più rapidamente il contenuto della pagina ma potrebbe notare ritardi nell'interattività.
Pertanto, inserire il tag <script> nella sezione head o nel body di una pagina web ha un impatto significativo sulla performance del sito e sull'esperienza dell'utente.
Nota. Se il codice JavaScript è molto importante per il funzionamento della pagina, ti conviene inserirlo nella sezione <head> anche se questo potrebbe influire sulla velocità di caricamento della pagina. In caso contrario potrebbe essere preferibile inserirlo nella sezione body per garantire una migliore esperienza utente.
Ecco un esempio pratico di documento html che include uno script nella sezione body
- <!DOCTYPE html>
- <html>
- <head>
- </head>
- <body>
- <script>
- var nome = "world";
- alert("Hello " + nome + "!");
- </script>
- </body>
- </html>
In questo caso lo script definisce una variabile "nome" e apre una finestra pop-up con la scritta "Hello world!".
Puoi usare il tag <script> anche per eseguire programmi scritti con linguaggi di scripting diversi da Javascript.
In questo caso devi specificare il linguaggio nell'attributo type del tag <script>
<script type="linguaggio">
// qui va inserito il codice del linguaggio
</script>
In passato era necessario specificare il tipo di linguaggio anche per il Javascript.
<script type="text/javascript">
// qui va inserito il codice JavaScript
</script>
Oggi non è più necessario farlo perché il tag <script> utilizza di default il linguaggio Javascript se non specifichi il tipo di linguaggio.
<script>
// qui va inserito il codice JavaScript
</script>
In conclusione, il tag <script> in HTML è uno strumento molto utile per migliorare l'esperienza dell'utente e aumentare l'interattività di un sito web.
Grazie a questo elemento di codice, puoi aggiungere effetti visivi e interattivi alla pagina web, altrimenti impossibili da realizzare usando soltanto il linguaggio Html.
