HTML에서 우편 주소를 마크업하려면 <address> 태그를 사용합니다. <address>...</address> 태그는 연락처 정보를 추가할 때 사용되며, 문서나 게시글 작성자의 연락 정보를 표시하는 용도로도 활용할 수 있습니다.
주의할 점은 주소의 각 줄 끝마다 <br> 태그를 붙여야 한다는 것입니다. 이렇게 하면 줄바꿈이 적용되어 주소가 자연스럽게 여러 줄로 표시됩니다.
예제
아래 코드를 실행하면 HTML에서 우편 주소가 어떻게 표시되는지 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML address 태그</title> </head> <body> <h1>Contact us</h1> <address> 52nd Street<br> New York,<br> NY 10019<br> USA </address> </body> </html>
출력 결과
위 코드를 브라우저에서 실행하면 'Contact us' 제목 아래에 다음과 같이 주소가 줄바꿈되어 표시됩니다.
52nd Street
New York,
NY 10019
USA
<address> 태그는 기본적으로 이탤릭체로 렌더링되며, 대부분의 브라우저에서 앞뒤로 줄바꿈이 추가됩니다. 필요에 따라 CSS를 사용해 스타일을 조정할 수 있습니다.