script 가 head 안에 들어가는 이유?

script 경우는 body 가장 하단에서 불러오기도 합니다.
요즘은 script를 선순으로 불러올지 후순으로 불러올지를 따로 파악해서 걸어두고 있습니다.

스크립트를 소스 가장 아래에서 로드하는 것이 최근의 흐름입니다.

헤드태그 안에 스크립트 등을 넣는 게 미덕이었던건 아주 옛날이라고 생각되네요
(css와 제이쿼리등의 스크립트로 인해 어느타이밍에 로딩하느냐에 결과물이 달라지기 시작했으니까요)

스크립트는 불러온 순서대로 실행하기 때문에, jQuery나 XE 공통 함수들처럼 페이지 전체에서 필요한 스크립트는 페이지 로딩을 시작할 때 미리 불러와 놓아야 오류가 발생하지 않습니다. (예: jQuery를 불러오기 전에 jQuery를 사용하려고 하면 안되겠죠?)

body에서는 언제든지 스크립트를 사용할 수 있기 때문에, body보다 앞에 오는 head에 스크립트를 넣는 것입니다.

반대로, 애드온에서 제공하는 스크립트는 body를 모두 로딩한 후에 화면의 구성요소들을 이리저리 움직이는 기능이 많기 때문에 body 맨 마지막에 넣기도 합니다. 실행 순서를 맞춰야죠.