HTML 속 head 정보 태그 종류

1. <title> : HTML 문서의 제목(title)을 정의

웹 브라우저의 탭에 표시 

<title>NAVER</title>, <title>Daum</title>

<title> 태그 표시 위치

 

2. <Link> : 외부 문서를 가져와 연결할 때 사용(대부분 CSS파일)

필수 속성은 rel(가져올 문서와의 관계), href(가져올 문서의 경로)

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

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

 

3. <style> : 스타일(CSS)를 HTML 문서 안에서 작성하는 경우 사용.

<style> div { color: red; } </style> 

 

4. <script> 스크립트 파일을 가져오거나 문서안에서 작성하는 경우에 사용

4-1. 자바스크립트(JS) 파일 가져오는 경우

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

4-2. 자바스크립트(JS)를 HTML 문서 안에서 작성하는 경우

<script> console.log('Hello world!') </script>

 

5. <meta> : HTML문서(웹페이지)의 제작자, 내용, 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공

name는 정보의 종류, content는 정보의 값을 나타냄.

<meta charset= "UTF-8" />

<meta name="author" content="HERORY" />

<meta name="viewport" content="width=device-width, initial-scale=1.0">