시맨틱 웹

시맨틱 웹은 의미론적인 웹이라는 뜻으로 컴퓨터가 웹사이트를

단순한 코드가 아닌 의미를 가진 사이트라는 것을 알 수 있게 만드는 것이다.

그리하여 컴퓨터가 웹상에 축적된 방대한 양의 데이터를 이해하고 처리해

사용자가 원하는 결과를 정확히 전달할 수 있게 된다.

시맨틱 태그

시맨틱 태그는 의미를 가진 태그라는 것을 알게 해준다.

div로 만든 웹과 결과 화면만 비교해보면 보이는 모습은 똑같다.

그렇지만 왜 시맨틱 태그를 사용해야 할까?

1.검색 엔진 최적화(SEO)

검색을 하면 검색엔진이 html 태그를 분석하게 되는데 이때

이 태그가 의미가 있는 데이터인지 아닌지 구분하기 쉬워진다.

2.유지보수 & 가독성

코드가 길고 모든 태그들이 div로 구성되어 있다면 headr, footer 등을

한눈에 알아보기 힘들고 지저분하게 보인다. 딱 봤을 때 특정 부분이 어떤 의미를

가지고 있는지 알아보기 위해서는 시맨틱 태그를 사용하도록 하자.

시맨틱 태그의 종류

• headr : 웹 사이트의 상단 영역을 의미한다.
• article : 웹 사이트의 본문 중 주 내용이 들어가는 영역을 의미한다.
• figure : 웹 사이트의 본문 내용 안에 첨부자료(사진,그래프 등) 영역을 의미한다.
• footer : 웹 사이트의 하단 영역을 의미한다.
• 등등 ...