티스토리 뷰
설명을 보면 일단 자동들여쓰기 기능 같은데 코드로 확인하자.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>div 요소를 사용한 문서의 아웃라인</title>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>
HTML5
</h1>
</div>
<div class="gnb">
<h1>
메인 메뉴
</h1>
<ul>
<li><a href="#">콘텐츠 모델</a></li>
<li><a href="#">아웃라인 알고리즘</a></li>
</ul>
</div>
<div id="main">
<div class="section">
<h1>
콘텐츠 모델이란?
</h1>
<p>
어떤 요소에 어떤 콘텐츠를 포함해야 하는지 또 어떤 요소가 어떤 요소를 포함할 수 있는지를 정의한 것을 말합니다.
</p>
</div>
<div class="section">
<h1>
콘텐츠 모델의 분류
</h1>
<div class="article">
<h1>
메타데이터 콘텐츠
</h1>
<p>
Metadata 콘텐츠는 다른 콘텐츠의 표현과 행동을 설정하거나 문서와 문서의 관계를 설정할 때 사용합니다.
</p>
</div>
<div class="article">
<h1>
플로우 콘텐츠
</h1>
<p>
Flow 콘텐츠는 웹 페이지상에 직접 표시되지 않는 일부 메타데이터를 제외하고 거의 모든 요소들이 이 그룹에 속합니다.
</p>
</div>
</div>
</div>
<div id="footer">
<p>
Copyright © webCafe
</p>
</div>
</div>
</body>
</html>
'앞단 > html5' 카테고리의 다른 글
Web SQL Database/Indexed Database (0) | 2016.03.27 |
---|---|
Web Storage (0) | 2016.03.27 |
메타데이터 콘텐츠 (0) | 2016.03.26 |
Input 폼 기본 (0) | 2016.03.25 |
IE에서 header 요소를 쓰기 위해선 (0) | 2016.03.25 |