리엑트를 공부하면서 이 style태그와 script태그의 위치에 대한 궁금증이 생겼다. 처음 생활코딩님 강의를 들었을 때 style태그는 <head>에 있었고 script태그는 자바스크립트와 html을 이어주는 태그로, <body>에 있었던 것 같은데 style태그가 head와 body 사이에 있고, script 태그가 head에 있었던 것이다.!!
구글링해본 결과
#1.style태그는 head안에 적는 것이 맞다. 하지만 그 사이에 넣어도 돌아가는데 큰 문제는 없다.
#2. script태그의 경우 body의 최하단에 들어가는것이 좋다. head에 있을 경우 파일용량이
너무 크면 사용자가 화면을 보기까지 많은 시간이 걸린다.
body에 쓸 때는 사용자가 빨리 화면을 볼 수 있지만, HTML코드가 js에 의존적인 코드인 경우
사용자가 content를 보는 시점에 아직 완성되지 않은 content 즉 의미 없는 content를 볼 수 있다.
<script> 태그는 어디에 위치해야 할까요?
`` 태그는 어디에 위치하는 게 가장 좋을까요? 일단은 body 태그 최하단에 위치하는 게 가장 좋습니다. 이를 이해하기 위해선 브라우저의 동작 방식을 이해할 필요가 있습니다. 🔍 브라우저의 동
velog.io
https://aboooks.tistory.com/42
[html 기초] head 에 들어가는 태그 (title, style, script, meta 태그)
[html 기초] HEAD 에 들어가는 태그 (title, style, script, meta 태그) 지난 편에서, HTML 기본 구조에 대해 알아보았는데 HTML 기초(태그 작성법, 저장 방법, 대소문자 구별, 서버에 올리는 방법) 오늘 은 그..
aboooks.tistory.com
https://hahahoho5915.tistory.com/31
웹 브라우저 동작 과정 + Script 및 CSS 삽입 위치 효율성
개요 > jQuery .ready vs .onload 차이에 대해 알아보던 중 괜찮은 글 클립 > HTML태그 내 스크립트(javascript) 및 스타일시트(css) 파일 include 선언 위치 출처 Web Club : https://webclub.tistory.c..
hahahoho5915.tistory.com
댓글