예시 코드
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Learn HTML</title>
</head>
<body>
</body>
</html>
<!DOCTYPE>
- document type이라고도 하며 독타입이라고 부른다.
- HTML 문서는 1.0 버전으로 시작하여 현재 5버전까지 업데이트 되었다.
- 각 버전마다 다시 strict, transitional, frameset이라는 구분이 있기 때문에 내가 현재 만드는 HTML 문서가 어떤 버전인지 어떤 유형인지 DOCTYPE에 명시해야한다.
- <!DOCTYPE html>은 HTML 5버전을 의미
<html>
- DOCTYPE을 제외하고, 문서의 가장 최상위 태그이며, <head>, <body>를 포함한다.
<head>
- html의 자식 태그
- 실제 브라우저에는 표현되지 않으며 문서에 대한 다양한 정보를 포함
- 다른 형태의 문서를 html 파일에 연결시켜주는 역할
<body>
- 실제 브라우저에 표현되는 영역
웹페이지 구조
- <header> : 웹사이트의 머리글 (로고, 네비게이션 포함)
- <nav> : 내비게이션 바 (메뉴, 링크)
- <main> : 페이지의 주요 콘텐츠
- <section> : 특정 주제의 콘텐츠 그룹
- <article> : 독립적인 콘텐츠 (블로그 글, 뉴스 등)
- <aside> : 보조 정보 (광고, 추천글, 사이드바 등)
- <footer> : 페이지 하단 영역 (저작권, 연락처, 링크 등)
'🌠Development > html, css' 카테고리의 다른 글
[html] List Tag (1) | 2025.01.31 |
---|---|
[html] Font Tag (글꼴 태그, <i> vs <em>, <b> vs <strong> 차이) (0) | 2025.01.31 |
[html] Emmet (0) | 2025.01.31 |
[html] 태그 종류 (0) | 2025.01.29 |