마이크로포맷

3. 기술 개요

HTML은 정보를 문서 단위로 구조화하는 데는 능숙하지만, 특정 의미를 추출하는 데는 어려움이 있었다. 일반적인 WWW 검색 엔진은 단어 수준의 검색만 가능하여, 특정 기관의 정보(예: 병원의 전화번호)를 찾기 어려웠다.

마이크로포맷은 이러한 문제에 대한 해결책으로, HTML에 의미를 확장하는 방법을 제공한다. 예를 들어, hCard 마이크로포맷을 사용하면 연락처 정보를 구조화하여 브라우저 플러그인 등의 소프트웨어가 쉽게 정보를 추출하고 다른 애플리케이션과 연동할 수 있게 한다.

XHTML 및 HTML 표준은 마크업 요소의 속성에 의미를 포함하는 것을 허용한다. 마이크로포맷은 이러한 표준을 활용하며, 주로 다음과 같은 속성들을 사용한다.^[9]

• `class`: 클래스 이름
• `rel`: 관계를 나타내며, 앵커 요소(``)의 대상 주소에 대한 설명을 담는다.
• `rev`: 역 관계를 나타내며, 참조된 문서에 대한 설명을 담는다.

3. 1. 기술 원리

• 1.89

4. 마이크로포맷의 예시

hCard 마이크로포맷을 적용한 연락처 정보 표현의 예시는 다음과 같다.

일반적인 HTML 문서로 표현된 연락처 정보는 다음과 같다.

:

<div>

<div>Joe Doe</div>

<div>The Example Company</div>

<div>604-555-1234</div>

<a href="http://example.com/">http://example.com/</a>

</div>

:

hCard 마이크로포맷을 적용하면 다음과 같이 변경된다.

:

<div class="vcard">

<div class="fn">Joe Doe</div>

<div class="org">The Example Company</div>

<div class="tel">604-555-1234</div>

<a class="url" href="http://example.com/">http://example.com/</a>

</div>

:

여기서 표시되는 이름(fn^영어}), 소속(org^영어}), 전화번호(tel^영어), URL은 특정한 클래스 이름으로 식별된다. 이 모든 정보는 `class="vcard"`로 둘러싸여 있으며, hCard(vCard)를 구성한다. hCard에는 이 외에도 여러 클래스들이 존재한다.

다른 예시로, 야마다 타로의 연락처 정보를 hCard 마이크로포맷으로 나타내면 다음과 같다.

:

<address class="vcard">

<span class="fn">야마다 타로</span><br>

<span class="org">주식회사 마이크로포맷</span><br>

<span class="tel">604-555-1234</span><br>

※<a class="url" href="http://facebook.com/yamada.tarou">페이스북</a>도 봐주세요.

</address>

:

이 예시에서도 표시명(fn^영어}), 소속(org^영어}), 전화번호(tel^영어), URL이 특정 클래스명으로 식별되어 있다. 전체가 `class="vcard"`로 감싸져 hCard를 구성한다.

이와 같이 마이크로포맷을 사용하면 브라우저의 플러그인과 같은 소프트웨어가 필요한 정보를 추출하여 주소록 등의 다른 애플리케이션으로 연계할 수 있다.

5. 주요 마이크로포맷 종류

• hCalendar - 일정 및 이벤트 정보를 위한 마이크로포맷이다.
• hCard - 연락처 정보(주소, 지리 좌표 등 포함)를 위한 마이크로포맷이다.
• hMedia - 오디오/비디오 콘텐츠를 위한 마이크로포맷이다.
• hAudio - 오디오 콘텐츠를 위한 마이크로포맷이다.
• hNews - 뉴스 콘텐츠를 위한 마이크로포맷이다.
• hProduct - 제품 정보를 위한 마이크로포맷이다.
• hRecipe - 요리 레시피 및 음식 정보를 위한 마이크로포맷이다.
• hReview - 리뷰를 위한 마이크로포맷이다.
• rel-directory - 분산 디렉토리 생성 및 포함을 위한 마이크로포맷이다.
• rel-enclosure - 웹 페이지에 대한 멀티미디어 첨부를 위한 마이크로포맷이다.
• rel-license - 저작권 라이선스 지정 마이크로포맷이다.
• rel-nofollow - 타사 콘텐츠 스팸 (예: 블로그 스팸)을 방지하기 위한 마이크로포맷이다.
• rel-tag - 분산 태깅 (Folksonomy)을 위한 마이크로포맷이다.
• XFN - 사회적 관계를 표현하기 위한 마이크로포맷이다.
• XOXO - 목록 및 개요를 위한 마이크로포맷이다.

6. 활용

마이크로포맷은 웹 크롤러, 이메일 클라이언트, 일정 관리 소프트웨어 등 다양한 애플리케이션에서 정보를 추출하고 활용하는 데 사용된다. 파이어폭스 웹 브라우저 확장 기능 (예: Operator^[35], Tails Export^[34])을 통해 마이크로포맷을 감지하고, 마이크로소프트 아웃룩과 같은 다른 애플리케이션에서 사용할 수 있는 형식으로 변환할 수 있다.

구글 검색^[17], 빙^[19], 야후!^[20] 등 주요 검색 엔진은 마이크로포맷을 활용하여 검색 결과를 개선하고 있다. 예를 들어 구글은 hCard, hReview, hProduct 마이크로포맷을 파싱하여 검색 결과 페이지를 채우는 데 사용하며, 2010년에는 hCalendar (이벤트) 및 hRecipe (요리 레시피)를 사용하도록 확장했다.^[18]

마이크로소프트^[40][22][36]는 다른 소프트웨어 업체들과 마찬가지로 향후 프로젝트에 마이크로포맷을 적용할 것이라고 밝혔다.

7. 평가 및 논의

마이크로포맷은 2005년경부터 소프트웨어에서 자동 처리하고 최종 사용자가 직접 읽을 수 있도록, 이벤트, 연락처 정보, 지리적 위치와 같은 인식 가능한 데이터 항목을 만들기 위한 풀뿌리 운동의 일환으로 등장했다.^[6] 검색 엔진이 즉시 여론 조사를 집계할 수 있도록 링크된 페이지에 대한 의견을 표현하는 투표 링크를 포함한 링크 기반 마이크로포맷이 먼저 등장했다.^[8]

전자 상거래를 촉진하는 비영리 단체인 커머스넷은 기술을 후원하고 홍보했으며, 마이크로포맷 커뮤니티를 지원하고 Microformats.org 커뮤니티 사이트 공동 설립을 도왔다.^[8]

커머스넷과 Microformats.org는 표준 기구로 운영되지 않으며, 마이크로포맷 커뮤니티는 공개 위키, 메일링 리스트 및 IRC 채널을 통해 운영된다.^[8]

여러 논평가들은 마이크로포맷의 설계 원칙과 실용적인 측면에 대한 리뷰와 논의를 제공했고, 마이크로포맷은 동일하거나 유사한 목적을 달성하려는 다른 접근 방식과 비교되었다.^[24] 2005년 오페라 소프트웨어 CTO이자 CSS 제작자인 호콘 위움 리는 "시맨틱 웹이 구축되는 방식은 많은 마이크로포맷이 개발되는 것이다."라고 말했다.^[27]

컴퓨터 과학자이자 기업가인 로히트 카레는 "줄이고, 재사용하고, 재활용하라"는 표현이 마이크로포맷 개발과 그 뒤의 관행을 동기 부여한 "여러 설계 원칙의 축약"이라고 말했다.^[8] 설계 원칙은 다음과 같이 요약할 수 있다.

• 줄이기: 가장 단순한 해결책을 선호하고 특정 문제에 집중한다.
• 재사용: 경험을 바탕으로 현재 관행의 예시를 선호한다.
• 재활용: 모듈성과 임베딩 기능을 장려하며, 유효한 XHTML은 블로그 게시물, RSS 피드 및 웹에 액세스할 수 있는 다른 모든 곳에서 재사용할 수 있다.^[8]

7. 1. 접근성 문제

8. Microformats 2

Microformats2는 2010년 5월 2일 FOOEast에서 제안되고 논의되었다.^[32] Microformats2는 작성자가 마이크로포맷을 더 쉽게 게시하고 개발자가 이를 사용할 수 있도록 하는 동시에 이전 버전과의 호환성을 유지하기 위해 고안되었다.^[33]

microformats2를 사용하면 위의 예제는 다음과 같이 마크업된다.

The birds roosted at^영어

h-geo geo^영어

p-latitude latitude^영어 52.48,

p-longitude longitude^영어 -1.89

그리고:

• h-card vcard^영어
• * p-name fn|Joe Doe^영어
• * p-org org|The Example Company^영어
• * p-tel tel|604-555-1234^영어
• * http://example.com/

참조

_[1] 웹사이트 Class Names Across All Microformats http://microformats.[...] 2008-09-06
_[2] 웹사이트 Microformats https://developer.mo[...] 2020-03-11
_[3] 웹사이트 Google confirms Microformats are still a recommended metadata format for content https://microformats[...] 2024-03-18
_[4] 웹사이트 IndieAuth https://www.w3.org/T[...] 2024-03-18
_[5] 웹사이트 Webmention https://www.w3.org/T[...] 2024-03-18
_[6] 웹사이트 What's the Next Big Thing on the Web? It May Be a Small, Simple Thing – Microformats http://knowledge.wha[...] Wharton School of the University of Pennsylvania 2005-07-27
_[7] 웹사이트 Microformats - HTML: HyperText Markup Language {{!}} MDN https://developer.mo[...] 2022-08-06
_[8] 간행물 Microformats: The Next (Small) Thing on the Semantic Web? IEEE Computer Society 2006-01
_[9] 웹사이트 "rel" attribute frequently asked questions http://microformats.[...] 2008-09-06
_[10] 문서 hMedia · Microformats Wiki http://microformats.[...]
_[11] 문서 Ultimate Guide to Microformats: Reference and Examples http://sixrevisions.[...]
_[12] 문서 rel-directory · Microformats Wiki http://microformats.[...]
_[13] 문서 rel="enclosure" · Microformats Wiki http://microformats.[...]
_[14] 문서 rel="license" · Microformats Wiki http://microformats.[...]
_[15] 문서 rel="tag" · Microformats Wiki http://microformats.[...]
_[16] 웹사이트 Retrieving and displaying data from Wikipedia with YQL http://developer.yah[...] Yahoo 2009-01-19
_[17] 웹사이트 Introducing Rich Snippets http://googlewebmast[...] 2009-05-25
_[18] 웹사이트 Better recipes on the web: Introducing recipe rich snippets http://googlewebmast[...] 2011-03-17
_[19] 웹사이트 Bing Introducing Schema.org: Bing, Google and Yahoo Unite to Build the Web of Objects – Search Blog – Site Blogs – Bing Community http://www.bing.com/[...] 2011-06-02
_[20] 웹사이트 Introducing schema.org: A Collaboration on Structured Data http://www.ysearchbl[...] 2011-06-02
_[21] 웹사이트 Top 5 Search Engines from Oct to Dec 10| StatCounter Global Stats http://gs.statcounte[...] StatCounter 2011-01-17
_[22] 웹사이트 Bill Gates at Mix06 – 'We need microformats' http://microformats.[...] 2008-09-06
_[23] 웹사이트 Microformats – Part 4: The User Interface of Microformat Detection « Alex Faaborg http://blog.mozilla.[...] 2008-10-06
_[24] 웹사이트 Criticism http://microformats.[...] 2007-08-15
_[25] 웹사이트 Advocacy http://microformats.[...] 2007-08-15
_[26] 웹사이트 Spread Microformats http://microformats.[...] 2007-08-15
_[27] 웹사이트 Interview with Håkon Wium Lie http://www.molly.com[...] 2007-11-18
_[28] 웹사이트 More than three years http://microformats.[...] 2008-08-24
_[29] 웹사이트 hAccessibility http://www.webstanda[...] Web Standards Project 2007-08-16
_[30] 웹사이트 Removing Microformats from bbc.co.uk/programmes https://www.bbc.co.u[...] 2008-08-24
_[31] 웹사이트 W3C GRDDL Recommendation Bridges HTML/Microformats and the Semantic Web http://xml.coverpage[...] OASIS 2007-11-23
_[32] 웹사이트 microformats 2.0 discussion http://microformats.[...] 2010-05-02
_[33] 웹사이트 microformats2 http://microformats.[...]
_[34] 문서 https://addons.mozil[...]
_[35] 문서 https://addons.mozil[...]
_[36] 웹사이트 http://microformats.[...]
_[37] 웹사이트 http://microformats.[...]
_[38] 웹사이트 existing-classes - Microformats http://microformats.[...]
_[39] 웹사이트 rel-faq - Microformats http://microformats.[...]
_[40] 웹인용 "Microformats {{!}} weblog {{!}} Bill Gates at Mix06 - “We need microformats”" http://microformats.[...] 2008-01-10