Dove dovrei mettere i tag nel markup HTML?

Felicia Giuliani
Dove dovrei mettere i tag nel markup HTML?
In un documento HTML, il codice JavaScript viene inserito nel "sceneggiaturaElemento tra il "" E ""Tag. Gli elementi di script possono essere aggiunti all'interno del "Testa"Elemento del documento HTML ovunque dopo il tag della testa iniziale e prima del tag di testa finale. Può anche essere aggiunto all'interno del "corpo"Elemento del documento HTML ovunque dopo il tag del corpo iniziale e prima del tag del corpo finale. Inoltre, i tag "script" possono essere aggiunti anche negli elementi "testa" e "corpo" in un singolo documento HTML.

Non ci sono restrizioni al numero di tag "script" in HTML. Quindi, possono esserci più tag "script" in un singolo documento HTML.

Come vengono eseguiti i tag in HTML?

In un documento HTML, il browser prende prima la parte dell'indice HTML e dopo l'indice, l'altro documento HTML viene analizzato. Durante l'analisi del documento, quando c'è un ""Tag, il browser richiede il file di script. A quel tempo, il browser smette di analizzare gli altri elementi HTML. Successivamente, il browser carica il file di script dal percorso menzionato (se presente) o lo carica dallo stesso file una volta che l'intero script è stato caricato, il browser passa ad analizzare altri elementi.

Aggiunta RIPT> Tag nell'elemento head

I tag di script con le funzioni JavaScript possono essere aggiunti nell'elemento principale. Implettiamo questa idea praticamente prendendo un semplice esempio di una funzione JavaScript aggiunta nell'elemento principale del documento HTML.

Esempio

Basta aggiungere l'elemento script all'interno dell'elemento di testa o sposta l'elemento script in un documento HTML esistente nel tag Head:





Aggiunta di tag di script in testa


Prima…



Nel frammento di codice sopra:

  • C'è un "

    ”Dirigendo dentro il"corpo"Elemento e successivamente, c'è un"paragrafo"Elemento contenente un semplice testo.

  • Viene quindi creato un pulsante e una funzione "myFunction ()"È stato definito in"al clic"Attributo aggiunto come gestore di eventi.
  • IL "sceneggiatura"L'elemento viene aggiunto all'interno del"Testa"Elemento, e all'interno di ciò, la funzione è chiamata e il"getelementbyid"Il metodo è stato definito riferendosi al"Demoide".

Ciò eseguirà correttamente la funzione JavaScript nell'output:

Aggiunta Cript> Tag nell'elemento corporeo

I tag di script possono anche essere aggiunti all'interno del ""Elemento ovunque prima del finale"corpo"Tag.

Esempio

Gli stessi risultati verranno generati se il "sceneggiatura"I tag vengono aggiunti corpo elemento:


Aggiunta di tag di script nel corpo


Prima…




Nel frammento di codice sopra:

  • La stessa funzione JavaScript nello stesso codice spiegato nella sezione precedente di questo post è stata aggiunta nell'elemento corporeo.

Aggiungendo il “sceneggiatura"Tag all'interno del"corpo"L'elemento genererà anche gli stessi risultati e farà funzionare correttamente la funzione JavaScript:

Questo dimostra dove dovrebbe il ""I tag devono essere inseriti in un documento HTML. Tuttavia, potresti chiederti se dovrebbe esistere una sorta di differenza tra i due metodi.

Differenza nel posizionamento in elementi della testa e del corpo

La principale differenza tra i due metodi è in realtà circa il tempo in cui il tag script viene caricato nel browser.

Generalmente, l'elemento è il primo elemento che viene caricato dal browser, e ciò significa che qualsiasi script inserito all'interno della testa verrebbe caricato anche prima di caricare gli elementi della pagina web. Tuttavia, se lo script viene inserito in elemento, quindi viene caricato in ordine del numero di riga in cui viene posizionato.

Conclusione

IL "sceneggiatura"I tag (contenenti le funzioni JavaScript) in un documento HTML possono essere posizionati all'interno del"Testa"Elemento e all'interno del"corpo"Elemento. Possono anche essere aggiunti sia negli elementi (testa che in corpo) nel documento. Tutti questi modi renderà la funzione JavaScript all'interno del ""I tag funzionano correttamente. Questo articolo fornisce una panoramica completa di dove aggiungere il ""Tag nel documento HTML.

c affilato
Condizioni e se poi dichiarazioni in C#
Condizioni in C# Valutare a vero o falso. Le condizioni prendono decisioni su quale blocco di codice...
Cristyn De Santis
C ++
Come dichiarare variabili in c++?
Per dichiarare una variabile in C ++, è necessario specificare il tipo di dati e il nome. Inoltre, l...
Dr. Folco Leone
Golang
Quali sono le costanti di Golang?
Nella lingua GO, le costanti sono variabili con valori fissi che non possono essere modificate duran...
Dr. Ursula Marini