✅ HTML 기본구성
<!DOCTYPE html>
- 현재 문서가 HTML5 문서임을 명시하기 위해 사용한다.
- 브라우저가 이 부분을 읽는 순간 html5문법으로 읽을 준비를 한다.
<html>
- HTML 문서의 최상단 요소, 루트(root)요소라고 부른다.
<head>
- HTML 문서의 메타데이터를 정의한다.
<body>
- 웹 브라우저를 통해 외부적으로 보여지는 부분이다.
<html lang="kr">
- lang 속성은 웹 페이지에서 사용되는 주된 언어를 설정한다.
- 검색엔진이 해당 페이지가 어떤 언어로 만들어졌는지 쉽게 인식하게 해준다.
메타데이터(metadata)
- 문서의 타이틀, 문자셋 등 외부적으로 표현되지 않는 HTML 문서에 대한 정보
✅ <head> 안에서 사용할수 있는 태그
<title>
- HTML 문서의 제목을 정의할 때 사용하는 태그로 웹 브라우저 탭(툴바)에 표시된다.
- 검색엔진의 결과 페이지에서 제목으로 표시된다.
<link>
- 해당문서와 외부소스(주로 외부 스타일시트) 사이의 관계를 정의할 때 사용한다.
<meta>
- 문서의 핵심내용, 키워드, 만든사람 등 html문서의 기본정보를 담고 있다.
- 검색엔진에 의해 검색시 노출되는 웹문서에 대한 정보를 웹브라우저에게 제공하기 위해 작성한다.
<meta charset="UTF-8" >
- charset은 HTML 문서의 문자 인코딩 방식을 명시한다.
- utf-8은 유니코드 문자를 인코딩하는 방식, 한글 문자열이 깨지지않도록 해준다.
'공부 > HTML&CSS' 카테고리의 다른 글
[HTML] HTML 이란? (0) | 2023.07.10 |
---|