본문 바로가기

css관련기록

address 태그에 대해서

 address 태그를 쓸 경우  생겼던 오류..

 

div안에 address 태그를 써서 주소 부분을 처리 하려고 했었다..

 

일반 html 파일에서는 당연히  div 영역안에   address영역이 잡혔지만

 

*.inc (공통영역)  footer 편집을 위해 붙여넣었을때는..

 

영역이 감싼 div와 address 영역이 따로 잡히는 이상한  경우가 발생했다..

 

 address 부분이 html5로 인식되어 독립 영역으로 인식이 되어..div안에 감싸져 있는 상태인데도.

 

div를 벗어나 따로 독립영역이 형성되었다.

 

 div로 변경하고 class 로 처리를 하였지만.. 좀더 자세한 자료를 찾아봐야할듯 싶다..

 

 

 

 

address 태그

ADDRESS 태그

- block level element

브라우저 (ie6,7,8,9, firefox, opera, safari, chrome)

기본값 - font-style:italic;

HTML 4.01

- 작자와 문서소유자의 연락처정보를 정의

- 헤더와 푸터에서 보통 사용 (대체로 푸터에서 많이 사용)

HTML5

- 연락처 정보를 제공한다. 연락처라고 해서 우편번호/주소를 의미하는 것이 아니라 URL 또는 이와 유사한 형태를 의미한다.

- <body>안에 있을경우 문서의 정보를 나타낸다.

- <article>안에 있을경우 article 정보를 나타낸다.

- 일반적으로 <address> 엘리먼트는 다른 정보들과 함께 <footer> 엘리먼트에 작성한다.

차이점

- HTML 4.01은 <article>을 지원하지 않는다. 그래서 HTML 4.01에서는 <address>태그를 항상 문서의 작자에 대한 연락정보를 정의한다.  

<address><em>Copyright &copy</em><a href="#">NHN Corp.</a><span>All Rights Reserved.</span></address>