head 태그 내부 요소들 정리

<title> - html 문서의 제목(title) 정의

 

 

<link> - 외부 문서를 가져와 연결할 때 사용. 대부분 css파일이지만 css파일이 아니어도 사용.

<link rel="stylesheet" href="./main.css">

 

<link rel="icon" href="./favicon.png">

 

이런 형식으로 쓰는데 여기서 rel은 가져올 문서와의 관계이며 필수속성이다. relation(관계)의 줄임말.

 

href는 가져올 문서의 경로를 명시한다. hypertext reference의 약자이다.

 

favicon(파비콘)은 favorite icon의 줄인 말인데 브라우저 탭 부분에 표시되는 대표 아이콘을 favicon이라는 이름으로 저장하길 권장한다. 주로 favicon.png나 favicon.ico 파일이 사용된다.

 

 

 

<style> - 스타일(css)를 html 문서 안에서 작성하는 경우에 사용

 

 

 

<script> - 자바스크립트를 html문서 안에서 작성할때 사용하기도 하고 자바스크립트 파일을 외부에서 가져올 때 사용하기도 한다.

<script src="./main.js"></script>

 

외부에서 js파일을 가져올때는 이렇게 src 속성을 사용한다.

 

<meta> - html 문서의 제작자, 내용, 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공. 앞서 언급된 태그들로 나타낼 수 없는 나머지 모든 정보들을 표시할 때 사용하는 태그다.