<head>
- html 문서의 최 상단에 위치
- 현재 문서의 정보와 문서 자체에 대한 설명이 들어있음
- 현재 문서의 동작을 위해 필요한 "Javascript", 표현 방식을 정리한 "CSS"가 위치되도록 '권장'
<meta>
데이터와 메타데이터의 관계
<meta name="author" content="나"/> => O
<meta author="나" description="아무 문서" .../> => X
- 반드시 <body>태그보다 위에 위치 해야함
- 속성
- charset
- 현재 HTML 문서의 문자 인코딩 방식
- 여러 인코딩 방식중 보통 "UTF-8"을 쓴다
- name
- 표시하려는 meta-data의 이름을 적는 속성
- 옆에 content 라는 속성을 추가해 meta-data의 정보를 적는다
- author(저자), description(설명), keywords(검색어), robot(검색 로봇의 제한설정)등을 적을 수 있다.
- http-equiv
- 문서의 초기 정보를 나타냄
- content-type : 문서의 타입을 지정한다. charset을 추가해 인코딩 방식을 추가해줄수도 있다.
- refresh : 문서가 갱신되는 시간간격(초단위)를 지정한다 url을 추가해 리다이렉트 될 페이지 지정이 가능하다.
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<meta http-equiv="refresh" content="5;url=http://이동할주소"/>
<title></title>
<title>페이지 이름</title>
<link>
<link href="파일 위치" rel="관계" type="MIME타입"/>
- 현재 문서를 외부의 문서와 연결하기 위해 사용
- CSS파일이나 Javascript파일 등
- 속성
- href - 연결한 파일의 경로 지정
- rel - 링크가 형성하는 관계 지정
- type - MIME 타입 지정
- MIME - 웹을 통해 파일을 전달하기위해 개발된 방식
- MIME 타입 - 현재 MIME로 전송되는 파일이 어떤 형식의 어떤 파일인지 나타냄
- text/CSS - css 내용이 담긴 text파일
- text/Javascript - 자바스크립트 내용이 담긴 text파일
- image/jpeg - jpeg로 압축된 이미지 파일
- image/gif - gif 이미지 파일 등
<style>
<style>
CSS 구문
</style>
- 현재 문서의 스타일을 지정해주는 태그로 CSS속성을 HTML 내에 직접 쓸 때 사용