HEAD 태그

1. Head 태그
1.1 <meta ~~>
: 헤더 내부에서 사용하는 태그로 메타 데이터로 html문서가 가지고 있는 유용한 정보를 담아 두는 곳, 문서 정보를 검색엔진에 전달

작성

<meta name/http-equiv="속성명" content="속성내용">

속성
-http-equiv : meta요소에 정의된 명령을 먼저 실행 후 페이지를 로딩 문서의 초기정보를 나타낸다.

구분	내용
content-language	기본언어 설정(페이지 작성언어)
content-type	MIME설정 및 문서의 문자셋 설정 (encoding)
X-UA-compatiable	호환성 설정
refresh	페이지 리로드하거나 다른 페이지로 이동
Content-Script-Type	스크립트형식 지정(javascript/VBscript)
Content-Style-Type	스타일 시트 형식지정(css)

- name : http-equiv랑 같은 의미

구분	내용
application-name	웹 어플리케이션 이름
author	페이지의 저자
description	페이지를 설명하는 내용
generator	페이지를 생성한 프로그램 표시
keywords	검색어로 사용, ','로 구분하여 여러 단어 입력가능
robots	검색로봇의 검색제한

: robots는 index, follow로 나누어 설정

1.2 <title></title>
: 페이지의 제목을 나타내는 태그

작성

<title>페이지 이름</title>

결과

1.3 <script></script>
: 페이지에서 스크립트를 사용하기 위해 사용
# head와 body 두 곳에서 사용가능

작성

<script>스크립트 내용</script>

예시

<script>
    alert("하이하이");
</script>

결과

속성

src	외부 스크립트파일을 문서에 포함할 때 사용
async	스크립트 비동기적 실행	외부스크립트
defer	페이지 파싱 이후 스크립트 실행
type	스크립트의 언어 데이터 포맷지정
charset	외부 스크립트 자원의 문자를 인코딩

작성

<script src="경로" type="MIME타입"[async/defer charset="문자셋"]>
    스크립트 내용
</script>

1.4 <link>
: 문서를 외부의 문서와 연결하기 위해 사용
* css파일이나 웹 폰트 사용할때 주로 연결

작성

<link rel="관련속성" type="MIME" href="문서위치>

href	연결한 파일의 경로 지정
rel	링크가 형성하는 관계를 지정
media	연결문서가 표시될 장치 또는 미디어유형
type	MIME타입 지정

1.5 <style></style>
: 태그의 스타일을 지정해주는 태그, css속성들을 HTML내에 직접 쓸때 사용

작성

<style>css구문</style>

1.6 <base />
: 페이지의 링크가 상대경로로 되었을때 그 기준이 될 경로를 지정
링크를 어떻게 오픈할 것인지 결정

작성

<base href="경로" [target="키워드"]>

_self	그 위치에서 열기
_parent	링크의 바로 상위 페이지에서 열기
_top	최상위 페이지에서 열기
_blank	새 창으로 열기