웹 표준, 시멘틱 태그와 최적

웹 표준이란?

웹 표준이란 브라우저 종류에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다.

웹 표준의 장점

• 수정 및 운영관리 용이
  콘텐츠의 올바른 구조화와 CSS로 표현을 통일하여 제어하게 되어 페이지 관리용이

• 검색엔진 최적화(SEO)
  구조화된 웹페이지는 검색 로봇 수집을 통해 검색엔진에 효율적으로 노출 될 수 있도록 검 색엔진의 검색결과를 최적화

• 호환성 가능
  웹 표준을 준수함으로써 다양한 브라우저
  (크롬, 파이어폭스, 사파리)에서도 동일한 기능을 작동시킬 수 있다.

준수 내용

HTML, CSS 등에 대한 WC3규격(문법) 준수 등
HTML, CSS, Javascript 등 구조와 표현, 동작 분리 권고

시멘틱 태그란?

semantic tag는 의미를 가지고 있는 요소, 즉 웹사이트에서 레이아웃을 구성할 때 적절한 위치에 적절한 태그를 사용할 수 있게 해주는 의미를 가진 태그들이다.

사용 하는 목적은?

• 코드를 보는 개발자에게 명확하게 해당 요소의 의미, 목적을 전달해주기 위해서
• 검색 엔진 최적화

어떤 태그들이 있을까?

header

소개,제목,로고 등

main

메인 컨텐츠 영역, 전체 문서에서 단 하나

section

컨텐츠 영역, 일반적인 컨텐츠 구획. 문서에 여러번 사용 가능

article

독립적인 컨텐츠를 구분

figure

비디오, 이미지, 코드 영역

aside

메인 컨텐츠 이외의 사이드 컨텐츠

footer

저작권, 계약 정보, 사이트 맵, 연락처 등