어떤이의 글에서 DIV 태그가 TABLE 태그보다 쓰기 쉽고 처리가 빠르기 때문에 교체의 필요성이 있다는 이야기를 읽은 것 같기도 하다. 그러나 엄밀히 DIV 태그는 단순히 그러한 이유로 TABLE 태그를 교체하기 위한 수단이 아니다. 뜬금없이 DIV 태그라고? 그렇다. 노가다로 완성된 이번 스킨은 HTML이 DIV 태그로 이루어져있다. DIV 태그가 어떤 의미를 나타내는지 살펴보기에 앞서 HTML의 역사를 어설프게라도 훑어보는 것이 좋을 듯 싶다.

웹 시장이 급속도로 발전할 수 있게 한 것이 HTML이다. 이것은 XML보다 간단하며 몇 개 안되는 태그들의 조합으로 아름다운 웹 문서를 만들 수 있다. 간단하고 배우기 쉬우며 쓰기 간편한 HTML은 웹 컨텐츠 제작에 대한 진입 장벽을 낮추었고 그 결과 수많은 사람들이 웹으로 몰렸다.

문제는 HTML 문서가 정보를 어떻게 표현하고 있는가이다. 대부분의 HTML은 정말 나타내려하는 정보 이외의 '무엇'인가를 잔뜩 물고 늘어져 있다. '무엇'이 무엇인가? 그것은 바로 디자인을 위해 넣은 수많은 디자인 코드이다. 표현하려고 하는 정보는 상품 이름과 가격인데 이것을 랜더링하기 위해 중간 중간 의미없는 테이블이 존재하며 1도트짜리 흰색 이미지가 사용되기까지 한다. HTML만으로는 도대체 무엇이 정말 표현하려고 하는 정보인지 알 수가 없다. 디자인 코드는 표현하고자하는 정보와는 전혀 관계가 없지만 정말 많은 부분을 차지하고 있다.

권위있고 지식도 있는 학자들이 이 문제를 심각하게 고려했다. 그리고 그들은 정보와 디자인의 분리를 제안했다. 'HTML은 이제 그것이 나타내려는 정보에만 집중하고 모든 디자인 요소는 별도로 유지하며 이것은 CSS라고 하자' 대충 이런 내용이다. 더불어 시멘틱 웹이라고 하여 이러한 정보를 기계가 이해할 수 있도록 의미를 부여하는 노가다를 제안했다.

현재 필요한 정보를 검색하기 위한 유일한 수단은 검색어에 대한 단순 매칭이다. 따라서 '사과'를 검색하면 'Apple'은 검색되지 않는다. 사과를 검색하기 위해 'Apple'을 입력하면 컴퓨터 회사가 검색된다. 이런 제길, 이게 아니잖아!

시멘틱 웹은 정보에 다음과 같은 의미를 부여한다. '이것은 사과이다. 사과는 과일이며 빨갛거나 녹색이다. 영어로는 Apple이다' 이제 여러분이 사과를 검색어로 입력하면 검색 엔진은 그것이 과일이냐고 물어볼 것이고 그렇다고 하면 '사과'와 함께 'Apple'이 검색될 것이다. 역으로 '과일'을 입력하면 '사과'가 검색될 것이다. 이것이 시멘틱웹의 위력이다.

새로운 스킨은 이제 블로그 컨텐츠를 조직화한다. HTML은 '문서는 제목과 저자, 내용으로 나뉜다' 이러한 정보들로 이루어진다. 이것을 어떻게 웹 브라우저로 표현할까는 CSS가 담당한다. 대충 '문서의 제목은 크고 굵은 글씨로, 저자는 이텔릭체로, 내용은 화면 중앙에 표현한다' 이러한 정보들로 이루어진다. DIV 태그는 바로 HTML에서 정보를 조직하는 태그이다.

정보의 추출, 그리고 그것의 조직화. 이것이 시멘틱 웹의 첫걸음이다. 정보의 조직화만으로도 어느 정도의 의미가 부여된다. 내 블로그는 이제 '문서는 제목과 저자, 카테고리, 본문을 포함한다'는 의미가 부여되었다.