HTML : <address> - 연락처를 남길 때 사용하는 요소

HTML : <address> - 연락처를 남길 때 사용하는 요소

---

---

<address>

 

---

레슈의 연락처

sol.reshur@gmail.com
123 456-78

---

<hr/>
<p> 레슈의 연락처</p>
<address>
	<a href="mailto:sol.reshur@gmail.com">sol.reshur@gmail.com</a><br/>
    <a href="tel:+8212345678">123 456-78 </a>
</address>
<hr/>

<address>
	<a href="mailto:메일주소"> 메일주소 </a><br/>
    <a href="tel:연락처"> 연락처 </a>
</address>

 

• 예전에 오프라인 주소를 나타낼 때 사용했으나 현재는 SNS나 웹사이트 주소 등 통칭해서 묶어서 사용한다.
  • 오프라인 주소, 이메일 주소, 전화번호, SNS 등 어떠한 정보라도 포함할 수 있다.
  • 반드시 포함해야 하는 정보는 연락처가 가리키는 개인, 조직, 단체의 이름이다.
• 엄청난 특징이 있는 건 아니지만 '주소'라는 의미를 갖고 있다는 점에서 중요하다.
• 별도의 CSS를 하지 않더라도 자체적으로 스타일을 갖고 있지만 웹브라우저마다 차이가 있다.
• mailto / tel로 작성한 뒤 해당 연락처를 클릭하면 메일 혹은 통화로 자동 연결된다.

---

기술 요약

• 콘텐츠 카테고리 : 플로우 콘텐츠
• 가능한 콘텐츠 : 플로우 콘텐츠 단, 다음의 요소는 사용할 수 없다.
  • 다른 <address>, 제목 콘텐츠 (<h1 ~ h6>), 구획 콘텐츠 (<article>, <aside>, <section>, <nav>),<header>, <footer> 요소
• 태그 생략 : 불가능, 시작 요소와 종료 요소 필수이다.
• 가능한 상위 요소 : 플로우 콘텐츠를 허용하는 모든 요소. 단, <address> 요소 제외

 

---