<link rel="stylesheet" href="https://styles.css" type="text/css"/ >
<script type="text/javascript" src="https://code.js"></script>
link
" link tag는 document와 외부 resource 의 연결(link)을 정의한다. "
즉, 현재 html과 외부의 styles.css를 연결하여 거기에 정의된 스타일을 현재 html에 사용하겠다는 의미.
href를 src로 사용해도 작동은 한다.
script
"script 태그는 클라이언트 측 스크립트를 동작시키기 위해 사용한다.
href의 경우에는 브라우저의 html 파일 불러오기와 href 링크파일을 가져오는 것을 병렬로 처리하고,
src의 경우에는 src에 링크된 파일을 가져오는 동안 브라우저가 페이지를 불러오는 것을 일시 중단하고 가져온 후에 다시 페이지를 불러온다.
그럼 왜 href와 src 로 나뉘었을까.
src는 외부에서 무언가를 가져오는 것이다. 파일을 실행하겠다는 의미.
href 는 외부의 것을 가져오는게 아니라 연결을 위한 주소일 뿐이다. link를 하겠다는 참조의 의미.