HTML address 태그: 작성자·사이트 연락처 표시 방법

HTML의 <address>는 문서나 개별 글의 작성자·담당 조직에 연락할 수 있는 정보를 표시합니다. 우편 주소만을 뜻하지 않으며 이메일·전화·연락 페이지 등을 포함할 수 있습니다. 단순한 장소 설명이나 모든 주소 문자열을 감싸는 용도로 사용하지는 않습니다.

누구의 연락처인지 구분하기

address는 가장 가까운 상위 article의 연락처를 나타내고, 그런 article이 없으면 body에 해당하는 문서의 연락처를 나타냅니다. 따라서 개별 기사의 작성자와 사이트 운영자의 연락처를 서로 다른 범위에 배치할 수 있습니다. 연락 대상인 사람이나 조직 이름도 함께 적어 누가 문의를 받는지 명확히 합니다.

전체 예제: 글 작성자와 사이트 운영자

다음 문서를 contacts.html로 저장하고 브라우저에서 엽니다. 주소는 실제 수신자가 없는 example.test를 사용한 실습용 값입니다.

<!doctype html>
<html lang="ko">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>작성자와 운영자 연락처</title>
  <style>address { font-style: normal; }</style>
</head>
<body>
  <h1>예제 기술 소식</h1>
  <article>
    <h2>HTML 문서 구조 안내</h2>
    <p>이곳에 기사 본문을 작성합니다.</p>
    <footer>
      <p>게시일: <time datetime="2026-10-30">2026년 10월 30일</time></p>
      <address>
        글 작성자: 예제 편집팀<br>
        이메일: <a href="mailto:editor@example.test">editor@example.test</a>
      </address>
    </footer>
  </article>
  <footer>
    <address>
      사이트 운영: 예제 운영팀<br>
      이메일: <a href="mailto:site@example.test">site@example.test</a>
    </address>
  </footer>
</body>
</html>

기사 안에는 편집팀 연락처가, 기사 밖에는 사이트 운영팀 연락처가 표시됩니다. 게시일은 연락처가 아니므로 address 밖의 time 요소에 두었습니다. 기본 기울임꼴을 원하지 않아 font-style: normal을 지정했지만 연락처라는 의미는 그대로 유지됩니다.

mailto 링크는 사용자의 메일 처리 앱을 열도록 요청하는 방식이며, 이 HTML 자체가 메일을 발송하지는 않습니다. 실제 문서에서는 유효한 수신 주소로 교체하고, 공개해도 되는 연락처인지 먼저 확인합니다. 예제 주소로 실제 문의를 보낼 수는 없습니다.

일반 주소나 장식용 기울임꼴과 구분하기

여행지 위치나 배송 주소처럼 작성자·담당자에게 연락하는 목적이 아닌 주소를 무조건 address로 표시하지 않습니다. 문맥에 따라 일반 문단이나 목록을 사용합니다. address의 기본 모양이 기울임꼴이라는 이유로 강조 문장을 넣지도 않습니다.

address 안에는 연락처와 관련된 내용을 담고 제목 요소·article·section·header·footer나 또 다른 address를 넣지 않습니다. 연락처 구역의 제목이 필요하면 address 바로 앞에 두세요. 구체적인 범위와 콘텐츠 규칙은 MDN address 문서를 참고할 수 있습니다.