Movatterモバイル変換


[0]ホーム

URL:


  1. 개발자를 위한 웹 기술
  2. HTML: Hypertext Markup Language
  3. HTML 참고서
  4. HTML 요소 참고서
  5. <address>

This page was translated from English by the community.Learn more and join the MDN Web Docs community.

View in EnglishAlways switch to English

<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 요소의 사람, 단체, 조직 등에 대한 연락처 정보를 나타냅니다.

시도해 보기

<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

브라우저 호환성

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp