Programming/HTML CSS
1. a 사용
<a href="http://www.cliel.com">CLIEL</a>
<a href="#target">이동</a>
.
.
.
<a name="target">지점</a>
▶ 문서내에서 링크를 생성합니다. HTML5에서도 같은 용도로 사용되는 표준태그입니다.
 
2. a 속성

(1) href

a 링크에서 이동할 웹주소나 같은 페이지내 이동할 위치를 지정합니다. 다른 웹 주소로 이동하고자 하는 경우 <a href="http://www.cliel.com/">cliel.com</a> 형식으로 지정하며 문서내에 이동하고자 하는 경우 #target 처럼 #을 사용하여 이동할 해당 영역을 지정하면 됩니다.

a 에서 #을 사용해 위치를 지정하는 경우 이동될 해당 위치는 a 태그를 통해 name 속성이 지정되어 있어야 합니다.

만약 같은 문서가 아닌 다른 웹페이지의 위치로 이동하고자 하는 경우에는 <a href="http://www.cliel.com/#target">www.cliel.com#target</a> 처럼 웹주소 다음에 #을 사용하여 이동할 위치의 이름을 붙여 href속성을 지정하면 됩니다.

경우에 따라 href를 제거한 빈 링크를 생성해야 하는 경우도 있습니다. 다만 href속성이 필요없는 경우 href속성을 사용하지 않는 것이 아니라 href="#" 과 같이 #으로 속성을 지정해야 합니다. 이것은 웹표준을 따르는 것입니다.

(2) name

같은 문서안에서 #[이름] 처럼 href 속성이 지정되었을때 실제 a 링크를 클릭하여 이동해올 위치를 이 속성으로 지정합니다. 예를 들어 #target 로 href가 지정된 경우 이동할 위치의 a 태그 name 속성은 target 여야 합니다.

(3) target

링크된 화면을 어디에 표시할지를 지정하는 속성입니다. _blank(새창), _self(현재창), _parent(부모frame), _top(frame전체) 값을 설정할 수 있습니다.

_parent는 현재 화면이 frame으로 구성되어 있을 경우 부모frame에 화면을 표시하며 _top은 frame으로 구성된 화면에서 이 frame을 무시하고 화면 전체로 링크된 화면을 표시하도록 합니다.

화면이 frame으로 구성되어 있다면 target 속성에 frame의 이름을 값으로 지정하여 해당 frame에 링크화면을 표시할 수도 있습니다. 예를 들어 특정 frame의 name속성이 view1 이라는 이름으로 지정되어 있다면 target 속성을 view1로 하여 view1이라는 이름을 가진 frame영역에 링크된 화면을 표시하도록 합니다.

(4) id

위 2번과 같이 지점을 나타낼때는 a 태그에 name을 지정할 수도 있는데 좀 다르게 특정 태그에 id를 a의 name속성과 같이 지정할 수도 있습니다.
<h2 id="target">대상 항목</h2>
위와 같이 하면 a 에서 name을 지정한 것과 같은 방식으로 동작하게 됩니다.

만약 같은 id가 여러개 존재하면 제일 먼저 나오는 항목에 위치하게 되지만 표준에서 벗어나므로 권장하지 않습니다.

'Programming > HTML CSS' 카테고리의 다른 글

[HTML / HTML5] ruby, rt, rp (루비문자)  (0) 2013.04.22
[HTML / HTML5] form, input, select, textarea  (0) 2013.04.18
[HTML / HTML5] a (링크)  (0) 2013.04.17
[HTML5] audio (오디오)  (0) 2013.04.16
[CSS] color  (0) 2013.04.15
[HTML / HTML5] br (개행)  (0) 2013.04.12
0 0