Web Frontend/HTML

4. HTML Head Tag

개발자킹콩 2021. 6. 23. 16:37

주요범위 

 

 HTML, HEAD, BODY, TITLE

 

 

 


 

 

<!DOCTYPE html>

 

 

이것은 후에 나올 내용을 HTML5 version으로 해석해서 브라우저에 출력을 해달라고 명시를 하는 것이다.

 

 

 


 

 

HTML Tag

 

HTML tag 는 HTML 문서의 시작과 끝을 범위를 설정해 주는 것이다.

html 파일 안에 html tag 안에 있는 것만 파일 파일안에 포함된 영역이라 생각한다.

 

Html 안에는 language 라는  전역 속성이 존재한다.

이 문서가 가질 기본적인 언어를 지정하면 된다.

우리는 국가 표시가 아닌 언어 표시를 하는 것이다.

 

 

 

 


 

 

HEAD Tag

 

문서의 정보에 해당하는 영역이다.

 

 

Title, meta, style, line tag 를 이용해서 이를 사용할 수 있다.

 

기타 정보는 meta tag를 이용하며 빈 태그이다. 그래서 / 를 붙히거나 붙히지 않을 수 있다. HTML5는 붙히지 않아도 동작하기에 붙히지 않았다.

 

빈 태그는 기본적으로 속성을 갖지않으면 역할을 충실하게 수행할 수 없다.

그래서 (name, content), (charset) 같은 속성과 value를 넣어서 사용한다.

 

Character set의 약어에 해당하는 charset은 문자가 인코딩 되는 방식을 설정하는데 한국어와 같은 경우는 UTF-8으로 명시한다.

Html 파일에 포함된 문자들이 화면에 어떻게 출력되는지를 정의하는 곳이다.

 

 

Title 에도 한국어가 존재하니 문자 인코딩 방식을 나타내는 meta tag의 attribute charset을 상단에 올리는 것을 권장한다.

 

 

 


 

 

 

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element

 

HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN

이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다.

developer.mozilla.org

 

 

 

 

 

 

 

 

'Web Frontend > HTML' 카테고리의 다른 글

6. HTML Link Tag (in head)  (0) 2021.06.25
5. HTML Meta Tag (in head)  (0) 2021.06.24
3. HTML block & inline element 예제  (0) 2021.06.22
2. HTML Inline element  (0) 2021.06.22
1. HTML Block element  (0) 2021.06.22