[HTML] Tag ; address, area, article
Web Design/HTML & HTML 52018. 5. 7. 17:49
[HTML/HTML5] Tag ; address, area, article
04. [ address ]
☞ 정의 : address요소는 연락처 정보를 나타냅니다
☞ 설명 : 가장 가까운 상위의 <article>이나 <body>의 연락처 정보를 제공할 때 사용됩니다.
☞ 예제 :
<footer>
<address>
오시는 길 : 서울시 서울구 서울동 123-777 77호 <br />
이메일 : <a href="mailto:sample@example.com"> test@test.org</a><br />
<a href="http://www.facebook.com/test">Facebook</a> |
<a href="http://www.twitter.com/test">Twitter</a><br />
</address>
<p><small>©copyleft 2077 test.org</small></p>
</footer>
05. [ area ]
☞ 정의 : area요소는 이미지맵의 영역을 지정하기 위한 요소입니다.
☞ 속성
shape : 영역의 형태를 지정합니다.
default : 화면전체
rect : 사각형
circle : 원형
poly : 다각형
coords : 영역의 좌표를 지정합니다.
shape속성값이 rect일때 : 왼쪽위의 XY좌표와 오른쪽아래 XY좌표
shape속성값이 circle일때 : 중심의 XY좌표와 반경
shape속성값이 poly일때 : 첫번째 각의 XY좌표, 두번째각의 XY좌표, 세번째각의 XY좌표
href : 해당영역 클릭시 이동할 주소를 지정합니다.
alt : 영역을 설명할 대체 텍스트를 지정합니다.
☞ 설명
href속성을 갖는다면 alt 속성을 반드시 사용하는것이 좋습니다. 반대로 href속성을 갖지 않는다면 alt속성역시 반드시 생략되는것이 좋습니다.
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map>
06. [ article ]
☞ 정의 : article요소는 문서내에서 독립적인 컨텐츠를 나타냅니다.
☞ 설명 :
article요소는 포럼의 글이 될수도 있고, 잡지나 신문의 기사일 수도 있으며, 블로그의 글이나 사용자가 올린 의견이나 상호작용적인 위젯이나 가젯 또는 다른 어떤 독립적인 아이템등이 될 수 있습니다.
하나의 문서 안에서 여러개의 article가 올 수 있습니다.
☞ 예제
<article> <h1>Google Chrome</h1> <p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p> </article>
'Web Design > HTML & HTML 5' 카테고리의 다른 글
| [HTML] Tag ; b, base, bdi (0) | 2018.05.08 |
|---|---|
| [HTML] Tag ; aside, audio (0) | 2018.05.08 |
| [HTML] Tag ; a, abbr, acronym (0) | 2018.05.07 |
| HTML5 - New Structural Tags : <nav> (1) | 2018.04.28 |
| HTML5 - New Structural Tags : <footer> (0) | 2018.04.28 |
