반응형
<address> 태그는 가까운 HTML 요소의 사람, 단체, 조직 등의 연락처 정보를 나타내는 태그이다.
1. address 태그의 표현
address 태그는 어느 요소(태그) 안에 사용이 되느냐에 따라
나타내는 정보가 조금씩 다르다.
보통은 <footer> 영역 안에 사용이 되는데,
그 경우 문서 전체의 연락 정보를 나타내고
<article> 태그 안에 존재하는 해당 <article> 영역 글에 대한 연락 정보를 나타낸다.
<body>
<!-- 해당 article 영역의 연락 정보 -->
<article>
<p>(주) abcd 컴퍼티</p>
<address>연락처 : 02-000-1234</address>
</article>
<!-- 문서 전체의 연락 정보 -->
<footer>
<address>
회사 주소 : 서울시 oo구 oo로 11길 1010호 <br>
연락처 : 010-1234-5678
</address>
</footer>
</body>
그리고 연락처 외의 정보 (ex. 출판일) 등의 정보는 담아서는 안된다.
2. address 태그의 기본 css
address태그가 기본적으로 갖고 있는 css 속성으로는
display:block / font-style:italic 속성이 적용되어 있다.
즉, block 요소임과 동시에 이탈릭체로 표현이 된 요소로 노출된다.
https://developer.mozilla.org/ko/docs/Web/HTML/Element/address
http://tcpschool.com/html-tags/address
반응형
'Frontend > HTML' 카테고리의 다른 글
| [html 태그] section, article 태그 (사용, 비교) (0) | 2020.08.24 |
|---|---|
| [html 태그] button 태그 (a태그와의 비교) (0) | 2020.08.22 |
| [html 태그] hn태그 (h1, h2, h3, h4, h5, h6) (0) | 2020.04.03 |
| [html 태그] dl, dt, dd 태그 (정의형 목록) (0) | 2020.03.28 |
| [html 태그] p태그 (0) | 2020.03.25 |