HTML head 란?
metadata란?
- 데이터를 설명해주는 데이터 ( 정보 )
head 내부 태그의 종류
<title> 태그
- 브라우저의 제목 표시줄잉나 페이지 탭에 보이는 문서 제목을 정의
- 하나의 문서에 한개의 title만 존재해야 함
- 검색 엔진이 검색할 때 참고하는 중요한 요소
<meta> 태그
-
빈 요소이므로 속성 내부에 작성
-
name="" -> 표준 메타데이터 이름을 넣어주는 것이 좋음
- aplication-name : 구동 중인 어플리케이션의 이름
- description : 페이지에 관한 짧고 정확한 요약
- keywords : 해시태그 같은 키워드 목록
-
content="" -> 내용 작성
-
charset="" -> 문자 인코딩
<meta name="viewport" content="width=device-width, initial-scale=1.0" />- 장치 너비와 뷰포트의 너비 비율 등을 조정하는 속성
<link> 태그
- 외부 리소스와 연결해주는 태그
- href="경로"
- rel="stylesheet" -> 현재 문서와의 관계
- type="text/css"
<style> 태그
- CSS를 사용하기 위한 태그
- 내부에 태그를 사용하는 것 보단 외부 파일을 link로 받아오는 것을 권장
<script> 태그
- 외부의 자바스크립트 연결 src="경로", 또는 HTML 내부에서도 사용 가능
- script 태그를 만날 경우 스크립트 내부 코드를 먼저 해석하므로 페이지 지연 발생 ( 하단 작성 권장 )
mime type이란?
- 외부의 경로로 파일을 불러올 때 파일의 타입을 정의
- 일반적인 구조 type/subtype
