<head> <meta>태그 웹 문서 정보 지정

Studio 안김/HTML5 2021. 3. 8. 13:57

<!DOCTYPE html>

<head>

<title> BOOK 아주 작은 습관의 힘 </title>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="keywords" content="HTML, CSS, JavaScript">

</head>

<body>

<h1>ATOMIC</h1>

</body>

</html>

html 문서에 대한 데이터 정보

<head>에 항상 들어간다

문자 집한, 페이지 설명, 키워드, 문서 작성자, 뷰포트 설정을 지정

웹 페이지에 표시되지 않는다

<meta charset="UTF-8">

웹 서버는 영어 기본 영어 이외의 문자를 표시하기 위해 utf-8이라는 문자 세트를 사용한다

viewport 뷰포트

모바일 기기에 제대로 표시할 수 있도록 한다. 페이지의 크기를 조정 제어한다.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

width=device-width 모바일 기기 화면 너비에 따르도록 페이지 너비 설정한다.

initial-scale=1.0 브라우저에서 페이지를 처음 로드할 때 확대 / 축소를 설정한다.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

인터넷 익스플로러 브라우저 고려하기

현재 웹 문서를 최신 표준 모드로 해석하라고 정의

<meta name="keywords" content="HTML, CSS, JavaScript">

검색 엔진용 키워드 정의

<meta name="description" content="작은 습관 만들기의 힘">

웹 페이지에 대한 설명을 정의

<meta name="author" content="AHNGIM">

웹 페이지 작성자를 정의

html 문단 구분 <p> 텍스트 </p> 텍스트 줄바꿈 <br> (0)	2021.03.17
html <body></body> 태그 (0)	2021.03.14
html 기본구조 <head><title></title></head> (0)	2021.03.05
html 기본구조 <html lang="ko"></html> lang 속성 언어코드 (0)	2021.03.05
태그 tag <> 웹 문서 내용 전달 언어 (0)	2021.03.05

@안김 @안김