| header | 머리말 상단영역 주로 로고나 로그인, 검색 등이 위치 |
| article | 독립적, 완성형의 컨텐트 영역.(블로그나 기사 등) |
| section | 주제 등으로 나눠지는 컨텐트 영역. (절, 장) |
| aside | 페이지의 주된 내용과 별개의 컨텐트 영역. 주로 배너나 퀵링크 등이 위치 |
| footer | 하단영역. 주로 카피라이트나 개인정보방침, 주소나 연락처 등이 위치 |
layout-tag.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<pre style="font-family: sans-serif;">
<!-- 서체바꿈 -->
단축키
ctrl+spqce = 자동완성
ctrl+f11 = 미리보기
ctrl+f5 = 새로고침
</pre>
<h1 style="background-color:#FFB6C1;">layout tag</h1>
<ul>
<li><header><b>header</b> - 머리말. 상단영역. 주로 로고나 로그인, 검색 등이 위치</header><br></li>
<li><article><b>article</b> - 독립적, 완성형의 컨텐트 영역.(블로그나 기사 등)</article><br></li>
<li><section><b>section</b> - 주제 등으로 나눠지는 컨텐트 영역. (절, 장)</section><br></li>
<li><aside><b>aside</b> - 페이지의 주된 내용과 별개의 컨텐트 영역. 주로 배너나 퀵링크 등이 위치</aside><br></li>
<li><footer><b>footer</b> - 하단영역. 주로 카피라이트나 개인정보방침, 주소나 연락처 등이 위치</footer><br></li>
</ul>
</body>
</html>
'Front End > CSS' 카테고리의 다른 글
| [CSS] text-로 시작하는 글자 속성들 (0) | 2023.09.17 |
|---|---|
| [CSS] font -로 시작하는 글자 속성들 (0) | 2023.09.17 |
| [CSS] span 태그와 css 연결하기 (0) | 2023.09.17 |
| eclipse로 css 환경설정 (0) | 2023.09.16 |
| CSS문법과 CSS 선택자 대표 3가지 (0) | 2023.09.15 |
