html에서 style, script 위치

무조건 여기! 보다는 왜 여기여야 할까?

일반적으로 브라우저는 html을 위에서 부터 읽어 내려간다.

<style>

.txt{color:blue;}

</style>

<html>

<body>

</body>

</html>

가 있다고 생각해보자.

1번 위치 : style이 로딩되고 div가 로딩 되기 때문에 div에 바로 스타일 적용이 된다.

2번 위치 : div가 로딩되고나서 style이 로딩 되기 때문에 css양이 엄청 많다고 하면 글씨가 검은색에서 빨간색으로 바뀌는걸 실시간으로 보게된다(단점)

그래서 style은 head안에 선언하는게 좋다

script

script도 sytle과 똑같다.

다만 용도에 따라 선언위치가 달라질 수 있다.

1번 위치 : dom접근이 필요없고 js 로딩이 먼저 필요할 때

2번 위치 : dom접근이 필요한 js 로딩 할 때

js용량이 매우 크다고 생각해보면 한곳에 두는것 보다 용도에 맞게 나누는게 좋다.

참고 : https://d2.naver.com/helloworld/59361 [브라우저 동작 방식]

티스토리툴바