head(메타 데이터)

meta

<meta> 

위와 같이 빈 태그로만 사용한다.

charset

<meta charset="UTF-8"> 

위와 같이 인코딩 방식을 지정해줄 수 있음.

인코딩 방식을 가장 위에 지정해주어서, 이 아래부터 언어들을 어떻게 인코딩할지 지정해주는 것이 좋음.

EUC-KR 인코딩방식도 사용할 수 있음

• EUC-KR : 완성형
  • 완성된 조합이 없는 경우 한글이 깨지는 현상이 발생함
• UTF-8 : 조합형
  • 조합할 수 있는 경우의 수만 있으면 사용 가능

content

http-equiv 또는 name 속성을 사용한다.

http-equiv

서버나 클라이언트의 작동방식을 변경할 수 있는 지시를 정의 할 수 있다.

name

문서 레벨의 메타 데이터 정의

<meta name="author" content="이경엽">
<meta name="description" content="의 사이트">
<meta http-hquiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

link

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

현재 문서와 외부 리소스와의 관계를 명시함. 보통 css파일

빈 태그로 사용

rel

링크된 문서와 현재 문서와의 관계를 명명함. 일반적인 쓰임새는 css 파일을 연결해 stylesheet 로 사용하는 것.

href

링크된 리소스의 URL 을 나타낸다.

style

html 파일 안에 직접 style 태그를 이용해서 디자인을 구성할 수 있음.

type

<style type="text/css"> </style>

위 처럼 style에는 css를 넣겠다는 것이 내포되어있으므로 type 생략이 가능

MIME type

클라이언트에게 전송된 문서의 다양성을 알여주기 위한 메커니즘. 특정 문서 타입을 지정해주어야 브라우저가 헷갈리지 않음.

base

다른 곳에서 사용할 상대경로의 베이스를 정해버릴 수 있음

<base href="./css">

위처럼 작성하면 다른 상대경로의 시작점을 지정함.

한 번만 작성할 수 있으므로 신중하게.