반응형
HTML5 문서는 특정한 구조를 가지고 있습니다. 이 글에서는 HTML5 문서의 기본 구조와 주요 태그들을 알아보겠습니다.
HTML5 문서는 다음과 같은 기본 구조를 가집니다:
<!DOCTYPE html>
<html>
<head>
<title>HTML5 예제</title>
</head>
<body>
<header>
<h1>웹 페이지 제목</h1>
</header>
<nav>
<ul>
<li><a href="#home">홈</a></li>
<li><a href="#about">소개</a></li>
</ul>
</nav>
<section>
<h2>섹션 제목</h2>
<p>여기에 내용이 들어갑니다.</p>
</section>
<footer>
<p>저작권 정보</p>
</footer>
</body>
</html>
- <!DOCTYPE html>: 문서가 HTML5로 작성되었음을 선언합니다.
- <html>: HTML 문서의 루트 요소입니다.
- <head>: 메타데이터를 포함하며, 문서 제목(title) 등을 정의합니다.
- <body>: 실제 콘텐츠가 들어가는 부분입니다.
- <header>: 웹 페이지의 머리말을 정의합니다.
- <nav>: 내비게이션 링크를 포함합니다.
- <section>: 문서의 구획을 정의합니다.
- <footer>: 문서의 바닥글을 정의합니다.
결론
HTML5 문서는 간단한 구조를 가지고 있으며, 이러한 기본 태그들을 사용하여 웹 페이지를 쉽게 작성할 수 있습니다. 다음 글에서는 HTML5의 멀티미디어 태그에 대해 알아보겠습니다.
반응형
'코딩 > HTML' 카테고리의 다른 글
| HTML5의 폼 기능 (0) | 2024.06.24 |
|---|---|
| HTML5의 그래픽 기능 (0) | 2024.06.24 |
| HTML5의 멀티미디어 태그 (0) | 2024.06.24 |
| HTML5란 무엇인가? (0) | 2024.06.24 |