HTML5 & 와 시맨틱 태그

시멘틱태그의 기본적인 구성

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

우리는 눈으로 빠르게 구분이 가능하지만 컴퓨터는 그렇지가 않습니다. 따라서 기계적인 검색 엔진은 어떠한 태그가 어떠한 기능을 하는지 분별할 수 없고 웹페이지에서 데이터를 효율적으로 추출할 수가 없습니다. 이를 해결하고자 만든것이 시멘특태그입니다. 특정한 태그에 의미를 부여해서 웹페이지를 만드는 시도가 시작되었구요. 이를 시멘틱웹이라고 표현한답니다.

태그 이름	설명
header	헤더를 의미
nav	내비게이션을 의미
aside	사이드에 위치하는 공간을 의미
section	여러 중심 내용을 감싸는 공간을 의미
article	글자가 많이 들어가는 부분을 의미
footer	푸터를 의미

 

실습 1 . 각 시멘틱 테그 의미 , 위치 연습

https://github.com/sotoddlf414/HTML-CSS-sementicTag.git