#id명
html 작업중 원하는 위치로 이동하는 간단한 방법은 id값을 이용하는것.
원하는 위치에 id값을 주고 #id명을 링크로 걸어주면 링크가 걸린 id값으로 이동함.
예시
| <style type="text/css"> div { height:500px; } </style> <div id="layer1"> 1번레이어 <a href="#layer1">1번 레이어로 이동</a> <a href="#layer2">2번 레이어로 이동</a> <a href="#layer3">3번 레이어로 이동</a> <a href="#layer4">4번 레이어로 이동</a> <a href="#layer5">5번 레이어로 이동</a> </div> <div id="layer2"> 2번 레이어 <a href="#layer1">1번 레이어로 이동</a> <a href="#layer2">2번 레이어로 이동</a> <a href="#layer3">3번 레이어로 이동</a> <a href="#layer4">4번 레이어로 이동</a> <a href="#layer5">5번 레이어로 이동</a> </div> <div id="layer3"> 3번 레이어 <a href="#layer1">1번 레이어로 이동</a> <a href="#layer2">2번 레이어로 이동</a> <a href="#layer3">3번 레이어로 이동</a> <a href="#layer4">4번 레이어로 이동</a> <a href="#layer5">5번 레이어로 이동</a> </div> <div id="layer4"> 4번 레이어 <a href="#layer1">1번 레이어로 이동</a> <a href="#layer2">2번 레이어로 이동</a> <a href="#layer3">3번 레이어로 이동</a> <a href="#layer4">4번 레이어로 이동</a> <a href="#layer5">5번 레이어로 이동</a> </div> <div id="layer5"> 5번 레이어 <a href="#layer1">1번 레이어로 이동</a> <a href="#layer2">2번 레이어로 이동</a> <a href="#layer3">3번 레이어로 이동</a> <a href="#layer4">4번 레이어로 이동</a> <a href="#layer5">5번 레이어로 이동</a> </div> |
같은 방법으로 맨 상당으로 이동하기 원한다면
링크에 #top을 넣어주면됨.
<a href="#top">맨위로▲</a>
