간단한 예제를 통하여 프레임 링크의 타겟을 설정하는 방법을 알아보겠습니다.
menu.html
먼저 아래와 같이 코딩한 다음 menu.html 로 저장합니다.
이는 왼쪽 프레임에 위치할 문서입니다.
<p><a href="http://www.homejjang.com" target="right">홈짱닷컴</a></p> <p><a href="http://www.naver.com" target="right">네이버</a></p> |
위의 소스를 보면 링크의 타겟값을 right로 지정했음을 알 수 있습니다.
이는 right라는 이름을 가지고 있는 프레임에 링크가 걸린 페이지를 불러온다는 의미입니다.
frame.html
왼쪽 문서가 만들어졌으면 이제는 프레임을 정의하는 문서를 만들어 보겠습니다.
아래와 같이 코딩한 다음 frame.html로 저장합니다.
<frameset cols="150,*"> <frame src="menu.html"> <frame src="http://www.homejjang.com" name="right"> </frameset> |
왼쪽 문서의 링크의 타겟값이 right로 지정했으므로 오른쪽 프레임의 name 값을 right 지정해야 합니다.
이렇게 타겟값과 프레임의 이름을 동일하게 맞춰주어야만 링크한 문서가 타겟에 설정한 프레임에 나오게 됩니다.