[HTML] script 태그의 위치에 따른 차이점 - async, defer

script 태그의 위치에 따른 차이점js 파일을 script 태그로 html에 연결하는 방법은 크게 4가지가 있다. 연결 위치에 따라 차이가 발생하는데, 그 이유는 웹 브라우저의 동작 과정과 연관되어 있다. script 태그 위치에 따른 차이점과 무엇이 가장 선호되는지 알아보자. 1. head 태그html 파싱 > html 파싱 stop > js 파일 다운로드 후 실행 > html 이어서 파싱 head 연결  장점 : 웹사이트가 완전한 형태로 보여진다.단점 : js 파일의 용량이 크고 인터넷 속도가 느리다면 웹사이트를 보는 데까지 많은 시간이 소요된다.2. body 태그 끝html 전체 파싱 > js 파일 다운로드 > js 파일 실행 body 끝 연결  장점 : js ..
HTML,CSS 2024. 6. 7. 10:40
1