<address>
태그의 정의 및 사용법
사용법 참고 사항
<address>
태그의 내용으로 제공되는 연락처 정보는 상황에 따라 어떤 형태로든 표시될 수 있으며, 필요한 모든 유형의 연락처 정보를 포함할 수 있습니다.
예를 들어 물리적 주소, URL, 이메일 주소, 전화번호, 소셜 미디어 핸들, 지리적 좌표 등이 포함될 수 있습니다.
<address>
태그에는 연락처 정보가 참조하는 사람(들)이나 조직의 이름이 있어야 합니다.
사용 예제
다음의 예제들 살펴보면 <address>
태그가 어떻게 사용되었는지를 쉽게 파악할 수 있습니다.
<footer>
태그 내에서 사용
<footer>
<address>
더 많은 정보는 문의하세요.
<a href="mailto:master@example.com">홍길동</a>.
</address>
<p>© copyright 2038 Example Corp.</p>
</footer>
<address>
태그 내부에 있는 텍스트는 보통 기울임체(italic)로 표시됩니다.
<article>
태그 내에서 사용
다음은 <article>
태그 내부에 <article>
태그로 글의 작성자 연락처 정보를 나타낸 예제입니다.
<article>
<h2>글 제목</h2>
... 내용
<address>
<strong>글 작성자</strong>
<br>
<a href="https://example.com/author">홍길동</a>
<br>
<a href="mailto:author@example.com">author@example.com</a>
</address>
</article>
페이지 헤더에 업체 연락처 정보를 제공
다음의 예제에서는 페이지 헤더에 <address>
태그를 사용해서 회사명, 이메일 주소, 전화번호 등의 연락처 정보를 표시했습니다.
<header role="banner">
<h1>회사 로고</h1>
<nav>
<a href="index.html">홈페이지</a>
<a href="about.html">회사소개</a>
<a href="contact.html">연락처</a>
</nav>
<address>
<strong>회사명</strong>
<br>
<a href="mailto:info@example.com">info@example.com</a>
<br>
<a href="tel:+1234567890">+1 234 567 890</a>
</address>
</header>
이 예제에서 나타낸 연락처 정보는 <body>
태그에 적용됩니다. 즉, 페이지 전체에 적용되는 연락처 정보가 됩니다.
부적합한 사용
<address>
태그에는 연락처 정보 이외의 정보가 포함되어서는 안 됩니다.
<adress>마지막 수정: 1999/12/24 23:37:50</adress>
<footer>마지막 수정: <time>1999/12/24 23:37:50</time></footer>
구문
<address>
태그는 허용되지 않는 자손 요소와 허용되지 않는 조상 요소가 있습니다.
이러한 규칙들은 <address>
태그가 특정 상황에서 사용될 경우 웹 페이지의 콘텐츠를 파악하는데 어려움이 발생할 수 있기 때문에 생긴 것으로서, <address>
태그를 사용할 때 반드시 고려해야 합니다.
브라우저 호환성
태그 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
<address>
|
1 | 12 | 1 | 1 |
명세서
명세서 사양 | |
---|---|
<address>
|
HTML Standard #the-address-element |