HTML <address>
요소는 가까운 HTML 요소의 사람, 단체, 조직 등에 대한 연락처 정보를 나타냅니다.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
<address>
요소의 콘텐츠가 제공하는 연락처 정보는 현재 맥락에 적절한 아무 형태나 취할 수 있으며, 물리적 주소, URL, 이메일 주소, 전화번호, SNS 식별자, 좌표 등 어떠한 정보라도 포함할 수 있습니다. 반드시 포함해야 하는 정보는 연락처가 가리키는 개인, 조직, 단체의 이름입니다.
<address>
는 다양한 맥락에서 사용할 수 있습니다. 사업체 연락 방법을 페이지 헤더에 배치할 때도 쓸 수 있고, <article>
내부에 배치해서 글의 작성자를 나타낼 수도 있습니다.
콘텐츠 카테고리 | 플로우 콘텐츠, 뚜렷한 콘텐츠. |
---|---|
가능한 콘텐츠 | 플로우 콘텐츠. 단, 다음의 요소는 사용할 수 없습니다. 다른 <address> , 제목 콘텐츠 (<hgroup> , <h1> , <h2> , <h3> , <h4> , <h5> , <h6> ), 구획 콘텐츠 (<article> , <aside> , <section> , <nav> ), <header> , <footer> 요소. |
태그 생략 | None, both the starting and ending tag are mandatory. |
가능한 부모 요소 | 플로우 콘텐츠를 허용하는 모든 요소. 단, <address> 요소 제외. |
암시적 ARIA 역할 | 대응하는 역할 없음 |
가능한 ARIA 역할 | 없음 |
DOM 인터페이스 | HTMLElement |
특성
이 요소는 전역 특성만 포함합니다.
사용 일람
- 기존 명세에서의
<address>
요소는 문서 작성자의 연락처만 나타내는 요소였습니다. 그러나 최신 명세에서 임의의 연락처를 포함할 수 있도록 수정됐습니다. - 연락처 외의 정보(출판일 등)를 담아서는 안됩니다.
- 보통, 현재 구획에
<footer>
요소가 존재하면<address>
를 그 안에 배치할 수 있습니다.
예제
다음 예제는 <address>
를 사용해 글 작성자의 연락처를 구별하는 모습을 보입니다.
<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>
결과
명세
명세 | 상태 | 주석 |
---|---|---|
HTML Living Standard The definition of '<address>' in that specification. |
Living Standard | |
HTML5 The definition of '<address>' in that specification. |
Recommendation | |
HTML 4.01 Specification The definition of '<address>' in that specification. |
Recommendation |
브라우저 호환성
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.