Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML <영역> 대상 속성


요소의 대상 속성을 사용하면 링크된 문서가 열리는 위치(예:새 창, 동일한 프레임, 상위 프레임 등)를 설정할 수 있습니다.

다음은 구문입니다 -

<area target="_blank|_self|_parent|_top| frame">

여기, _blank 링크된 문서를 새 창이나 탭에서 여는 데 사용되며, _self는 링크된 문서를 클릭한 것과 같은 프레임에서, _parent는 상위 프레임에서 문서를 열고, _top은 링크된 문서를 창의 전체 본문, 프레임에서 엽니다. 명명된 프레임에서 연결된 문서를 엽니다.

이제 요소 −

의 target 속성을 구현하는 예를 살펴보겠습니다.

예시

<!DOCTYPE html>
<html>
<body>
   <h2>Learning</h2>
   <p>Learn these technologies with ease....</p>
   <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
   <map name = "tutorials">
      <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
         href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank"/>
      <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
         href = "/html/index.htm" target = "_blank" />
      <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
       href = "/php/index.htm" target = "_blank" />
   </map>
</body>
</html>

출력

HTML  영역  대상 속성

위의 예에서 우리는 다음 이미지에 지도를 설정했습니다-

<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>

이제 모양에 대한 지도와 영역을 설정했습니다.

<map name = "tutorials">
<area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank"/>
<area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
href = "/html/index.htm" target = "_blank" />
<area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
href = "/php/index.htm" target = "_blank" />
</map>

위에서 링크된 문서를 새 창에서 열도록 다음과 같이 설정했습니다. 즉, _blank는 새 창이나 탭에서 링크된 문서를 여는 데 사용됩니다.

target = "_blank"