[HTML] HTML 기본구조
2022. 8. 27. 13:25ㆍProgramming/HTML
기본구조
Vscode에서 html 형식의 파일을 만들고 ! + tab키를 누르면 나오는 기본 형식이 존재한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
바로 해당 형식이 지금부터 기록을 시작할 HTML의 기본구조이다.
기본구조
| <!DOCTYPE html> | - HTML의 사용을 위해 브라우저에 선언하는 역할 |
| <html> | - 전체 html 문서를 감싸는 태그이며 전체 html 문서 내에서 하나만 존재해야한다 |
| <head> | - meta 태그와 같이 해당 문서에 대한 정보를 기록하는 역할 |
| <meta> - meta data | - 사이트 자체에 대한 정보, 저작자, 문서의 언어 등을 표현 - 화면에 표시 x, 검색, 브라우저에 읽힐 때 사용이 됨 - 이중 charset = "UTF-8" 부분을 통해 한글 인코딩 가능 |
| <title> | - head 안의 태그 - 문서의 제목을 선언 |
| <body> | - html 문서에서 실질적으로 화면에 보여지는 부분 |
결과화면
'Programming > HTML' 카테고리의 다른 글
| [HTML] HTML 기본 태그 Heading & Paragraph (1) | 2022.08.27 |
|---|