html

시만틱 태그

시만틱 테그는 HTML5 문서에서 새롭게 추가된 테그 입니다. 일반적으로 HTML5 태그의 가장 큰 변화를 시멘틱 태그라고 말합니다.

시맨틱의 의미

시멘틱(semantic)은 의미론적인이라는 영어 단어 입니다.

semantic은 의미가 통하는의 뜻으로 문서에서 내용을 보다 명학하게 전달하기 위하여 사용되는 테그 입니다.

기계적인 검색 엔진은 어떠한 태그가 어떠한 기능을 하는지 분별할수 없고 웹 페이지에서 데이터를 효율적으로 추출할 수 없습니다. 이를 해결 하고자 특정한 태그에 의미를부여해서 웹 페이지를 만드는 시도가 시작 되었습니다. 그리고 이를 시멘틱 웹이라고 표현합니다.

과거 HTML4와의 차이점

시만틱 테그는 html5에서 새롭게 추가된 테그입니다. 기존 html4에서는 이러한 태그 없이 <div> 테그를 주로 사용을 하였습니다.

• 시만틱 태그로 사이트를 만들어야 하는 이유

시만틱 태그의 종류

시멘틱 태그는 모두 div 태그와 같은 기능을 수행히는 태그입니다.

• header : 혜더를 의미
• nav : 내비게이션을 의미
• section : 여러 중심 내용을 감싸는 공간을 의미
• article : 글자가 많이 들어가는 부분을 의미
• main
• aside : 사이드에 위치하는 공간을 의미

• footer : 푸터를의미

• address

그외 의미가 부여된 html 테그들

• 제목테그 : Hn

• ifram

브라우저 호환성

시간이 지나 요즘은 대부분의 브라우저들이 HTML5를 지원을 하지만, 일부 구형 웹브라우저들은 HTML5가 지원이 되지 않습니다.