★더보기
더보기
header, nav, aside, section, footer, article 태그는 div태그와 같이 기능이 없는 블록 태그이다.
- html 구조에 따라 의미만 부여
- header : 페이지 제목, 페이지를 소개하는 간단한 설명
- nav: 링크들을 모아놓은 섹션(메뉴), 페이지 목차
- section : 하나의 컨텐츠로 여러 section이 존재 가능함
- article: 본문과 연관은 있지만, 본문이 아닌 독립적인 컨텐츠를 담는 영역(보조기사, 블로그 포스트, 댓글 등)
- aside : 본문에서 벗어난 내용, 인기 기사 등, 왼쪽 또는 오른쪽에 배치
- footer : 꼬리말, 저작권이나 회사 정보 (페이지 최하단에 위치)
<!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>html 기본구조</title>
</head>
<body>
<!-- header, nav, aside, section, footer, article 태그는 div태그와 같이 기능이 없는 블록 태그이다.
- html 구조에 따라 의미만 부여
- header : 페이지 제목, 페이지를 소개하는 간단한 설명
- nav: 링크들을 모아놓은 섹션(메뉴), 페이지 목차
- section : 하나의 컨텐츠로 여러 section이 존재 가능함
- article: 본문과 연관은 있지만, 본문이 아닌 독립적인 컨텐츠를 담는 영역
보조기사, 블로그 포스트, 댓글 등
- aside : 본문에서 벗어난 내용, 인기 기사 등, 왼쪽 또는 오른쪽에 배치
- footer : 꼬리말, 저작권이나 회사 정보
-->
<header>헤더</header>
<nav>네비</nav>
<aside>사이드</aside>
<section>내용</section>
<footer>푸터</footer>
</body>
</html>'괴발개발 > Html+CSS' 카테고리의 다른 글
| Html_ 리스트 만들기 ol,ul,li (0) | 2021.06.07 |
|---|---|
| Html_자기소개,수학문제 예제 (0) | 2021.06.07 |
| Html_ a태그 (0) | 2021.06.07 |
| html_표만들기 (0) | 2021.06.07 |
| html_이미지태그(img tag), 리스트 출력 (0) | 2021.06.07 |