html/css 독학하기

address

토픽 html/css 독학하기 > html사전

설명

The HTML Address Element (<address>) may be used by authors to supply contact information for its nearest <article> or <body> ancestor; in the later case, it applies to the whole document.

<address> 요소는 가장 가까운 상위 <article>이나 <body>의 연락처 정보를 제공할 때 사용한다. 가장 가까운 상위요소가 <body>인 경우에 <address> 정보는 전체 문서의 연락처정보가 된다. 그리고 가장 가까운 요소가 <article>인 경우에는 <address> 정보는 해당 <article>의 연락처 정보가 된다.

Usage note: 
  • To represent an arbitrary address, one that is not related to the contact information, use a <p> element rather than the <address> element.
  • This element should not contain more information than the contact information, like a publication date (which belongs in a <time> element).
  • Typically an <address> element can be placed inside the <footer> element of the current section, if any.

사용시 참고사항 :

  • 문서의 연락처와 관련이 없는 일반주소를 나타낼 때에는 <address> 요소 말고 <P> 요소를 사용하자.
  • <address> 요소는 연락처 외의 다른 정보를 포함해서는 안 된다. 예를 들어 <time> 요소에 속하는 발행일을 포함해서는 안 된다. 
  • 일반적으로 <address> 요소는 현재 섹션의 <footer> 요소 내에 위치시킨다.
     

Usage Context

Permitted content Flow content, but with no nested <address> element, no heading content ( <hgroup>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>), no sectioning content ( <article>, <aside>, <section>, <nav>), and no <header> or <footer> element
Tag omission None, both the start tag and the end tag are mandatory
Permitted parent elements Any element that accepts Flow content
Normative document HTML5, section 4.4.10 ( HTML 4: HTML4.01, section 7.5.6)

속성

This element has no other attributes than the global attributes, common to all elements.
이 요소는 전역속성이 아닌 다른 속성을 가지지 않는다.

DOM Interface

This element implements the HTMLElement interface.
이 요소는 DOM의 인터페이스 중 HTMLElement를 구현했다. DOM은 HTML을 프로그래밍적으로 제어하기 위한 표준이다.
 

예제

    <address>  
        You can contact author at <a href="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>  
        1981 Landings Drive<br>  
        Building K<br>  
        Mountain View, CA 94043-0801<br>  
        USA  
      </address>  

 출력 예)
      

 

<address>  
   저자와 연락하시려면 이 사이트를 방문하세요. 
<a href="www.somedomain.com/contact">www.somedomain.com</a>.<br>  
   버그를 발견하시면 <a href="mailto:webmaster@somedomain.com">웹마스터에게 연락해주세요.</a>.<br>  
   다음의 주소로 방문하실 수도 있습니다 : <br>
   모질라 재단<br>
   1981 Landings Drive<br>  
    Building K<br>  
    Mountain View, CA 94043-0801<br>  
    USA  
  </address>

Although the address element renders text with the same default styling as the <i> or <em> elements, it is more appropriate to use when dealing with contact information, as it conveys additional semantic information.

<address> 요소를 사용하면 <i>나 <em> 요소를 썼을 때와 기본 스타일은 똑같지만, <address> 요소를 사용하면 연락처 정보라는 추가적인 의미정보를 전달해준다. 즉 웹페이지의 연락처 정보를 표시할 때에는 <i>나 <em>보다는 <address> 요소를 사용하는 편이 좋다.

호환성

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원 지원 지원 지원   지원

참고

  • 원본 - https://developer.mozilla.org/en/HTML/Element/address

댓글

댓글 본문
  1. engfordev
    잘 해주셨습니다 ^^ ancestor를 옮기는 방법에 대해서는 조금 더 고민해보기로 하죠~