This page was translated from English by the community.Learn more and join the MDN Web Docs community.
<address>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015년 7월.
HTML<address> 요소는 가까운 HTML 요소의 사람, 단체, 조직 등에 대한 연락처 정보를 나타냅니다.
In this article
시도해 보기
<p>Contact the author of this page:</p><address> <a href="mailto:jim@example.com">jim@example.com</a><br /> <a href="tel:+14155550132">+1 (415) 555‑0132</a></address>a[href^="mailto"]::before { content: "📧 ";}a[href^="tel"]::before { content: "📞 ";}<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> |