Onde devo colocar tags na marcação html?

Onde devo colocar tags na marcação html?
Em um documento HTML, o código JavaScript é inserido no “roteiro”Elemento entre o“" e "" Tag. Os elementos de script podem ser adicionados dentro do “cabeça”Elemento do documento HTML em qualquer lugar após a etiqueta da cabeça de partida e antes da tag da cabeça final. Também pode ser adicionado dentro do “corpo”Elemento do documento HTML em qualquer lugar após a tag do corpo inicial e antes da tag corporal final. Além disso, as tags "script" também podem ser adicionadas nos elementos "Head" e "Body" em um único documento HTML.

Não há restrição ao número de tags de "script" em html. Portanto, pode haver várias tags de "script" em um único documento HTML.

Como as tags são executadas em html?

Em um documento HTML, o navegador primeiro busca a parte do índice HTML e, após o índice, o outro documento HTML é analisado. Enquanto analisa o documento, quando há um “”Tag, o navegador solicita o arquivo de script. Naquela época, o navegador interrompe a análise dos outros elementos HTML. Depois disso, o navegador carrega o arquivo de script do caminho mencionado (se houver) ou o carrega do mesmo arquivo depois que todo o script for carregado, o navegador passa para analisar outros elementos.

Adicionando ript> Tag no elemento da cabeça

Tags de script com as funções JavaScript podem ser adicionadas no elemento da cabeça. Vamos implementar essa idéia praticamente, tomando um exemplo simples de uma função JavaScript adicionada no elemento principal do documento HTML.

Exemplo

Basta adicionar o elemento de script dentro do elemento da cabeça ou mover o elemento de script em um documento HTML existente para a etiqueta da cabeça:





Adicionando tags de script na cabeça


Antes…



No trecho de código acima:

  • Há um "

    ”Indo para dentro do“corpo”Elemento e depois disso, há um“parágrafo”Elemento contendo um texto simples.

  • Um botão é então criado e uma função “MyFunction ()”Foi definido no“ONCLICK”Atributo adicionado como manipulador de eventos.
  • O "roteiro”O elemento é adicionado dentro do“cabeça”Elemento, e dentro disso, a função é chamada, e o“ “getElementById”O método foi definido referindo -se ao“demóide““.

Isso executará a função JavaScript corretamente na saída:

Adicionando CRIP> Tag no elemento corporal

Tags de script também podem ser adicionadas dentro do “”Elemento em qualquer lugar antes do final“corpo" Tag.

Exemplo

Os mesmos resultados serão gerados se o “roteiro”As tags são adicionadas no corpo elemento:


Adicionando tags de script no corpo


Antes…




No trecho de código acima:

  • A mesma função JavaScript no mesmo código explicada na seção anterior deste post foi adicionada no elemento corporal.

Adicionando o “roteiro”Tags dentro dos“corpo”O elemento também gerará os mesmos resultados e fará com que a função JavaScript seja executada corretamente:

Isso demonstra onde deveria o “”Tags são colocadas em um documento HTML. No entanto, você pode estar se perguntando se deve existir algum tipo de diferença entre os dois métodos.

Diferença na colocação nos elementos da cabeça e do corpo

A principal diferença entre os dois métodos é na verdade o momento em que a tag de script é carregada no navegador.

Geralmente, o elemento é o primeiro elemento carregado pelo navegador, e isso significa que qualquer script colocado dentro da cabeça seria carregado mesmo antes de carregar os elementos da página da web. No entanto, se o script for colocado no elemento, então é carregado na ordem do número da linha em que é colocado.

Conclusão

O "roteiro”Tags (contendo as funções JavaScript) em um documento HTML podem ser colocadas dentro do“cabeça”Elemento, bem como dentro do“corpo" elemento. Eles também podem ser adicionados em ambos os elementos (cabeça e corpo) no documento. Todas essas maneiras farão com que o javascript funcione dentro do “”Tags funcionam corretamente. Este artigo fornece uma visão geral completa de onde adicionar o “”Tags no documento HTML.