HTML 문서의 구조를 형성하는 태그들은 다음과 같다.
<!DOCTYPE html>
<html>
<head>
<meta>
<title></title>
</head>
<body>
</body>
</html>
<! DOCTYPE>
문서의 타입을 정의하며 HTML5의 경우 <! DOCTYPE html>로 정의한다.
<html>
HTML 문서의 루트 요소를 정의하며, 모든 요소는 해당 태그 안에 포함되어야 한다.
<head>
문서에 대한 메타데이터를 포함하는 부분이다. 해당 태그 안에는 위와 같이 <meta>, <link>, <title>, <script>, <style>과 같은 태그들을 들어간다.
메타데이터란?
다른 데이터를 설명하는 데이터다. 데이터에 대한 정보를 제공하거나 테이터를 분류, 조직화하거나 검색할 때 도움이 되는 정보를 말한다
<meta>
meta 태그 안에는 다양한 데이터를 정의할 수 있다. 간단한 예시로는 아래와 같다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> HTML 문서가 UTF-8 문자 인코딩을 사용하겠다는 뜻이다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
모바일에서 웹페이지가 어떻게 표시되어야 하는지 정의 한다
</head>
<body>
</body>
</html>
인코딩이란?
문자를 컴퓨터가 이해할 수 있게 바이트(byte) 형태로 변환하는 과정을 의미한다. 컴퓨터는 문자를 이진수 형태로 처리하기에 텍스트를 컴퓨터로 이해할수 있게 변환해야 된다. 이때 사용되는 것이 문자 인코딩이며, 가장 많이 사용되는 인코딩 방식은 UTF-8이다. UTF-8은 유니코드 문자 집합을 나타내는 인코딩 방식 중 하나로, 다양한 언어의 문자를 처리할 수 있기에 가장 많이 사용되고 있다. 그 외에 UTF-16, ISO-8859-1, EUC-KR 등에 인코딩 방식이 있다.
<title>
title 태그는 웹 페이지의 제목을 정의한다.
<!DOCTYPE html>
<html>
<head>
<title>웹페이지 제목</title>
</head>
<body>
</body>
</html>위와 같이 적으면 아래와 같이 나오게 된다.
'Mark Up > HTML' 카테고리의 다른 글
| 시맨틱 태그에 종류와 구조 (0) | 2024.04.17 |
|---|
