<address>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTML <address> 요소는 가까운 HTML 요소의 사람, 단체, 조직 등에 대한 연락처 정보를 나타냅니다.

시도해보기

<address> 요소의 콘텐츠가 제공하는 연락처 정보는 현재 맥락에 적절한 아무 형태나 취할 수 있으며, 물리적 주소, URL, 이메일 주소, 전화번호, SNS 식별자, 좌표 등 어떠한 정보라도 포함할 수 있습니다. 반드시 포함해야 하는 정보는 연락처가 가리키는 개인, 조직, 단체의 이름입니다.

<address>는 다양한 맥락에서 사용할 수 있습니다. 사업체 연락 방법을 페이지 헤더에 배치할 때도 쓸 수 있고, <article> 내부에 배치해서 글의 작성자를 나타낼 수도 있습니다.

콘텐츠 카테고리 플로우 콘텐츠, 뚜렷한 콘텐츠.
가능한 콘텐츠 플로우 콘텐츠. 단, 다음의 요소는 사용할 수 없습니다.
다른 <address>, 제목 콘텐츠 (<hgroup>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>), 구획 콘텐츠 (<article>, <aside>, <section>, <nav>), <header>, <footer> 요소.
태그 생략 불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.
가능한 부모 요소 플로우 콘텐츠를 허용하는 모든 요소. 단, <address> 요소 제외.
암시적 ARIA 역할 대응하는 역할 없음
가능한 ARIA 역할 없음
DOM 인터페이스 HTMLElement

특성

이 요소는 전역 특성만 포함합니다.

사용 일람

  • 기존 명세에서의 <address> 요소는 문서 작성자의 연락처만 나타내는 요소였습니다. 그러나 최신 명세에서 임의의 연락처를 포함할 수 있도록 수정됐습니다.
  • 연락처 외의 정보(출판일 등)를 담아서는 안됩니다.
  • 보통, 현재 구획에 <footer> 요소가 존재하면 <address>를 그 안에 배치할 수 있습니다.

예제

다음 예제는 <address>를 사용해 글 작성자의 연락처를 구별하는 모습을 보입니다.

html
<address>
  You can contact author at
  <a href="http://www.somedomain.com/contact"> www.somedomain.com</a>.<br />
  If you see any bugs, please
  <a href="mailto:webmaster@somedomain.com"> contact webmaster</a>.<br />
  You may also want to visit us:<br />
  Mozilla Foundation<br />
  331 E Evelyn Ave<br />
  Mountain View, CA 94041<br />
  USA
</address>

결과

비록 겉보기는 <i><em> 요소와 같지만, <address> 요소는 자체적인 의미를 갖고 있으므로 연락처 표기에는 <address>가 더 적합합니다.

명세

Specification
HTML
# the-address-element

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
address

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support