본문 바로가기

개발/Web

HTML5 구조 태그

 

SECTION

<section> 요소는 연관된 내용을 하나의 영역으로 만드는 태그

 

NAV

<nav> 매뉴 구성

 

ASIDE

<aside>는 주된 본문 콘텐츠 흐름과 관련없는 인접한 콘텐츠에 사용

 

ARTICLE

<article>은 독립적으로 구성할 수 있는 컴포넌트로 별도로 배포하거나 재사용하기 위한 구조

article은 완전히 떼어내 다른 사이트에 붙여도 그 의미를 사용자가 이해할 수 있는 콘텐츠

 

HEADER

<header>는 소개나 내비게이션 기능들의 묶음

한 섹션의 목차나 검색폼, 관련 로고등을 감싸는 용도로도 사용

 

FOOTER

<footer>이 요소는 가장 가까운 선행하는 섹션의 푸터를 의미

 

 

반응형

'개발 > Web' 카테고리의 다른 글

ES6(ECMAScript6)  (0) 2020.07.10
CSS 플러스, 마이너스 아이콘  (0) 2020.07.05
TypeScript 정적 타이핑  (0) 2020.06.21
TypeScript 환경구축  (0) 2020.06.20
[Node.js] 프레임워크 Express, Koa, Hapi  (0) 2020.06.05