728x90
반응형
HTML에서 css파일을 연결할 때 - head안에 삽입한다
<link rel="stylesheet" href="(css 파일 이름).css" type="text/css">
HTML에서 js를 연결할 때 - head와 body 둘다 삽입 가능하다.
<script type="text/javascript" src="(js 파일이름).js"></script>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="board.css" type="text/css"> <!-- css파일을 연결할 때 -->
<script type="text/javascript" src="script2.js"></script> <!-- js파일을 연결할 때 -->
<title>Insert title here</title>
</head>
JS를 연결할 때 주의해야 할 점:
- Body와 Head안, 둘다 쓸 수 있지만 브라우저가 HTML을 해석하던 도중 script를 만나면 렌더링을 중단하게되므로 속도가 저하될 우려가 있다.
- 따라서 무거운 JS파일은 Body안에 삽입하고 가벼운 파일은 Head안에 삽입하여 사용한다.
참조:
728x90
반응형
'국비과정 > HTML & CSS' 카테고리의 다른 글
| 이클립스와 VSC (비주얼 스튜디오 코드) 연동하여 사용하는 법 - 최종 (0) | 2022.03.09 |
|---|---|
| HTML tag 종류 (in-line tag, blocked tag) (0) | 2022.03.08 |
| 기기별 해상도 - 반응형 웹 설정하는 법 (@media) (0) | 2022.03.06 |
| CSS flex box의 정의, 사용 방법 & 반응형 웹사이트 (position) (0) | 2022.03.06 |
| CSS 태그 종류 정리 (ol, ul, dl, li ) (0) | 2022.03.06 |