맨위로가기

Geo (마이크로포맷)

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요

Geo는 웹 페이지에 지리적 좌표를 표시하기 위한 마이크로포맷이다. 이 마이크로포맷은 `geo`, `latitude`, `longitude`의 세 가지 HTML 클래스를 사용하여 위도와 경도를 나타내며, 위도와 경도는 반드시 함께 사용해야 하고 소수점 자릿수와 끝자리에 0을 동일하게 사용해야 한다. Geo는 단축 표기법과 `abbr` 요소를 이용한 표기법을 지원하지만, `abbr` 요소는 접근성 문제를 야기할 수 있다. Geo의 대안으로 h-geo가 제안되었으며, geo-extension, geo-elevation, geo-waypoint와 같은 확장 기능도 존재한다. Geo 마이크로포맷은 플리커, 지오그래프, 구글, 멀티맵, 오픈스트리트맵 등에서 사용되며, 위키백과 및 위키여행의 지도 링크 페이지에도 활용된다. 또한, hCard 마이크로포맷과 통합되어 사용될 수 있다.

2. 사용법

Geo 마이크로포맷은 HTML 문서에서 지리적 좌표(위도와 경도)를 나타내기 위해 사용되는 마이크로포맷이다.

Geo 마이크로포맷을 사용하는 방법은 크게 세 가지가 있다.


  • HTML 클래스 사용: `geo`, `latitude`, `longitude` 클래스를 사용하여 좌표를 표시한다.
  • 단축 표기법: 위도와 경도를 세미콜론(`;`)으로 구분하여 한 번에 표시한다.
  • `abbr` 요소 사용: `` 요소의 `title` 속성에 좌표를 넣어 표시한다.


하지만 `abbr`요소를 잘못 사용하면 지리적 위치 정보를 숨길 수 있기 때문에 주의해야 한다.

2. 1. 기본 규칙

위도가 있으면 경도도 있어야 하고, 경도가 있으면 위도도 있어야 한다.[5] 각 값에 소수점 자릿수를 동일하게 사용해야 하며, 끝자리에 0이 포함되어야 한다.[11]

2. 2. HTML 클래스 사용

Geo 마이크로포맷은 `geo`, `latitude`, `longitude`의 세 가지 HTML 클래스를 사용하여 좌표를 나타낸다. 위도가 있으면 경도도 있어야 하고, 경도가 있으면 위도도 있어야 한다. 각 값은 소수점 자릿수를 동일하게 사용해야 하며, 끝자리에 0을 포함해야 한다.[5]

2. 2. 1. 예시

Geo 마이크로포맷은 세 개의 HTML 클래스를 사용하여 적용한다. 예를 들어, 다음과 같은 마크업된 텍스트가 있다.

```html

Belvide: 52.686; -2.193


```

다음과 같이 변경된다.

```html

Belvide:

52.686;

-2.193



```

"geo", "latitude", "longitude" 클래스 속성 값을 추가함으로써 가능하다.

이렇게 하면 다음과 같이 표시된다.





Belvide: 52.686; -2.193





그리고 마이크로포맷 파싱 도구에 의해 이 페이지에서 감지될 Belvide Reservoir의 geo 마이크로포맷이 생성된다.

```html

벨바이드: 52.686; -2.193


```

라고 입력하면 다음과 같이 된다.

```html

벨바이드:

52.686;

-2.193



```

"geo", "latitude", "longitude"와 같은 클래스 속성 값이 추가된다.

이것은 다음과 같이 표시된다.



벨바이드: 52.686; -2.193




이 geo 마이크로포맷은 Belvide Reservoir|벨바이드 저수지영어에 대응하며, 마이크로포맷 구문 분석 도구는 이 페이지에서 감지할 수 있다.

2. 3. 단축 표기법

Geo 마이크로포맷은 위도와 경도를 한 번에 표시하는 단축 표기법을 제공한다. 예를 들어 벨바이드 저수지는 "52.686; -2.193"과 같이 표현할 수 있으며, 이는 `52.686; -2.193`와 같이 처리된다. 이때, 위도와 경도는 세미콜론(;)으로 구분한다.

다른 방법으로, `abbr` 요소를 사용하여 값을 `title` 속성에 넣을 수도 있다. 예시는 다음과 같다.

```html

52.686, -2.193

2. 3. 1. 세미콜론(;) 사용

Geo 마이크로포맷에서 위도와 경도는 세미콜론(;)으로 구분한다. 위도가 있으면 경도도 있어야 하고, 경도가 있으면 위도도 있어야 한다. 각 값에 소수점 자릿수를 동일하게 사용해야 하며, 끝자리에 0이 포함되어야 한다.[5]

예를 들어, 다음과 같은 코드가 있을 때,

```html

Belvide: 52.686; -2.193


```

"geo", "latitude", "longitude" 클래스 속성 값을 추가하면, Belvide Reservoir의 geo 마이크로포맷이 생성되어 마이크로포맷 파싱 도구에 의해 감지된다.

단축 버전을 사용할 때는 위도를 먼저 기술하고 세미콜론으로 구분한다.

```html

벨바이드 저수지는 52.686; -2.193에 위치한다

```

다른 방식을 사용하고 싶다면, `abbr` 요소를 사용하여 값을 `title` 속성에 넣을 수 있다.

```html

벨바이드 저수지는 52.686, -2.193에 위치한다.

2. 3. 2. abbr 요소 사용

`abbr` 요소를 사용하여 좌표를 표시할 수 있다. 예를 들어, 벨바이드 저수지는 다음과 같이 표시할 수 있다.

<abbr class="geo" title="52.686;-2.193">52.686, -2.193</abbr>

다른 스키마를 사용하여 지점을 표시하는 것도 가능하다.

<abbr class="geo" title="52.686;-2.193">Grid reference SJ870099</abbr>

하지만, 이 방식은 지점 정보를 완전히 숨겨버리기 때문에 `abbr` 요소의 사용법으로는 권장되지 않는다.

<abbr class="geo" title="52.686;-2.193">좋은 관광지이다</abbr>

`abbr` 요소(약어 디자인 패턴)를 사용하는 것은 스크린 리더나 음성 브라우저 사용자에게 문제를 일으킬 수 있다.[12] 따라서 다른 표시 방법을 찾는 것이 권장된다.

3. h-geo

Geo의 대안으로 h-geo가 제안되었다. 이것은 세 개의 HTML 클래스를 사용하여 적용된다. 예를 들면 다음과 같다.

```html

벨비데: 52.686; -2.193; 120


```

"h-geo", "p-latitude", "p-longitude" 및 "p-altitude" 클래스 속성 값을 추가하여 사용한다.

4. 확장

Geo 마이크로포맷을 확장하기 위한 세 가지 제안은 다음과 같으며, 이들은 서로 배타적이지 않다.

4. 1. geo-extension

geo-extension은 다른 행성, 위성 등의 좌표를 나타내기 위해 사용되며, WGS84가 아닌 스키마를 사용한다.

4. 2. geo-elevation

Geo (마이크로포맷)의 확장으로, 고도를 나타낸다.

4. 3. geo-waypoint

geo 마이크로포맷을 확장하는 제안 중 하나는 경로와 경계를 나타내기 위해 경유지(waypoint)를 사용하는 것이다. geo-waypoint에 대한 자세한 내용은 [http://microformats.org/wiki/geo-waypoint-examples geo-waypoint]에서 확인할 수 있다.[1]

5. 사용 사례

Geo 마이크로포맷은 여러 웹사이트 및 서비스에서 위치 정보를 나타내는 데 사용된다. 특히, 사진 공유 사이트나 지도 서비스에서 많이 활용된다.

플리커는 3백만 개가 넘는 사진에, 지오그래프(Geograph)는 1백만 개가 넘는 사진에 Geo 마이크로포맷을 사용한다. 구글, 멀티맵과 같은 지도 서비스에서도 이 형식을 사용하며, 오픈스트리트맵은 장소, GPS 추적, 일기 항목에 대한 위키 페이지에, 위키백과위키여행에서는 지도 링크 페이지의 지오 템플릿에 포함되어 있다.

5. 1. 주요 사용처

Geo 마이크로포맷은 다음과 같은 조직 및 웹사이트에서 사용된다.

{| class="wikitable"

|-

! 주요 사용처

|-

| 플리커 - 3백만 개가 넘는 사진 페이지에 사용

|-

| 지오그래프(Geograph) - 1백만 개가 넘는 사진 페이지에 사용

|-

| 구글(Google)

|-

| 멀티맵(Multimap.com)

|-

| 오픈스트리트맵 - 장소, GPS 추적 및 일기 항목에 대한 위키 페이지

|-

| 위키백과 - 지도 링크 페이지의 지오 템플릿에 포함됨



|-

| 위키여행

|}

6. hCard와의 통합

Geo 마이크로포맷은 hCard 마이크로포맷으로 감싸거나 포함될 수 있으며, 개인, 조직, 장소/건물 이름, 우편 주소/번호, 전화 번호, URL, 이미지 등을 포함할 수 있다.

참조

[1] 웹사이트 Geo Spec http://microformats.[...] microformats community 2010-08-17
[2] 웹사이트 Extending HTML5 — Microformats http://html5doctor.c[...] 2010-08-19
[3] 웹사이트 hCalendar 1.0 Spec http://microformats.[...] Microformats community 2010-08-17
[4] 웹사이트 hCard 1.0 Spec http://microformats.[...] Microformats Community 2010-08-17
[5] 문서 Must and should are used per the [[Internet Engineering Task Force|IETF]] document {{IETF RFC|2119}}
[6] 웹사이트 Microformats in Google Maps http://googlemapsapi[...] 2016-04-30
[7] 웹사이트 Geo Spec http://microformats.[...] microformats community 2010-08-17
[8] 웹사이트 hCalendar 1.0 Spec http://microformats.[...] Microformats community 2010-08-17
[9] 웹사이트 hCard 1.0 Spec http://microformats.[...] Microformats Community 2010-08-17
[10] 웹사이트 Extending HTML5 — Microformats http://html5doctor.c[...] 2010-08-19
[11] 문서 「しなければならない」や「必要がある」は[[Internet Engineering Task Force|IETF]]文書の[http://www.ietf.org/rfc/rfc2119.txt RFC 2119]における "MUST" や "SHOULD" の解釈に従うものとする。
[12] 웹사이트 Web Standards Project, hAccessibility: Abbreviations in Microformats http://www.webstanda[...]
[13] 웹사이트 Microformats in Google Maps https://googlemapsap[...] 2010-08-25



본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com