metadata란 데이터를 설명하는 데이터다. ex) 책의 글쓴이 정보
title
브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의한다. 텍스트만 가능!
meta
<base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타낸다
name, content= name은 이름을 content는 내용을 적고 쌍으로 묶어서 제공할 수 있다.
정보가 여러개일 경우 여러개의 meta태그 작성 가능
charset= 문자 인코딩 선언 속성
뷰포트 관련해서는 다시 한번 공부할 것!
link
현재 문서와 외부 리소스의 관계를 명시한다.
href= 링크를 연결하는 속성
rel= 연결하려는 파일과 현재 파일의 관계를 명시하는 속성
ex) stylesheet, icon
파일의 특성을 명시할때는 type속성 사용(MIME타입)
MIME Type
link태그의 href를 설정하면 문자열로 읽힌다. 즉 해석할 수 없으므로 어떤 확장자를 가진 파일인지 모른다. 어떤 확장자를 가진 파일인지 인식시키기 위해 MIME Type를 명시한다.
ex) type="text/html"
style
html내부에서 style태그를 만들어 스타일을 적용시킬 수 있다.
추천하는 방법은 아니다.
head태그 안에 작성해야 한다.
script
외부의 script파일을 불러오거나 html내부에서 코드를 동작시키기 위한 태그다.
script를 불러올 경우 body태그의 제일 마지막 줄에 기입하는 것을 추천한다.
html파일을 불러올때는 코드가 순서대로 읽히므로 만약 head에 script태그가 있으면서 코드의 내용이 길 경우 js코드를 먼저 해석하고 다음 코드로 넘어가기 때문에 페이지 로딩이 오래 걸릴 수 있다.
