[html] 시맨틱 태그 요소 이해하기

*section요소 하기 그림 참고

*Exmaple : korea times

<Header> 머릿말 영역 + 로고를 포함하고 있는 영역

 

<Nav> 웹 사이트에서 많이 클릭하는 영역, 메인, 대분류, 공통바 etc..

            - 메인 메뉴들을 담아내는 영역 ex) 길 안내와 같다고하여 Nav

 

<main> 2개 이상 존재하면 안됨, 웹 사이트의 콘텐츠가 모두 담겨 있는 영역

 

<section> 영역 구분

 

<article> 독립적인 글, 이미지, 기사 etc..

 

 

 

<aside> 사이트 한 쪽 사이드 콘텐츠 및 측면에 광고를 담아내는 영역

 

 

 

*Example : 사람인

<Header> 머릿말 영역

 

<Navigaton> 웹 사이트에서 많이 클릭하는 영역, 메인, 대분류, 공통바 etc..>

 

<Section> 문서 구조에서 가장 큰 영역의 콘텐츠

 

<Footer> 꼬릿말 영역