시멘틱 태그(<section>,<header>,<footer>,<aside>,<nav>)

1. 시멘틱 태그란?
2. 시멘틱 태그 종류

 

 

시멘틱 태그란?

• "의미론적 태그"를 의미한다.
• 해당 태그를 추가함으로써, 웹페이지의 변화를 주는 것은 아니다
• 하지만, 가독성이 높아지고 구분되어있는 특징으로 html 유지보수가 쉬워진다
• 또한, 검색엔진의 페이지 탐색에도 도움을 준다

 

시멘틱 태그 종류

• <section> : 컨텐츠 구분 , div와 유사
• <article> : 컨텐츠 구분, section보다 더 구체적 내용을 담음
• <aside> : 보조 정보 (본문과 상관없는 부분), 광고 / 배너가 이에 해당
• <header> : 내비게이션 또는 본문 윗부분에 해당하는 부분을 일컫음
• <nav> : 홈 bar 와 같은 웹페이지 맨 상단에 위치하는 내비게이터
• <footer> : 웹페이지 마지막 부분

 

 

• 위와같이, 시멘틱태그의 경우 웹페이지에 어떠한 영향도 주지 않는다
• 다만, 유지보수의 편리함과 검색엔진의 도움을 주는 효과가 있다