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

HTML 대상 속성

<시간/>

요소의 target 속성은 문서의 하이퍼링크에 대한 기본 대상을 설정하는 데 사용됩니다.

다음은 구문입니다 -

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

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

이제 요소 −

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

예시

<!DOCTYPE html>
<html>
<head>
<base href="https://www.example.com/tutorials/" target="_blank">
</head>
<body>
<h2>Tutorials List</h2>

Java Tutorial

(This will act as https://www.example.com/tutorials/java.html)

jQuery Tutorial

(This will act as https://www.example.com/tutorials/jquery.html)

Blockchain Tutorial

(This will act as https://www.example.com/tutorials/blockchain.html)

Python Tutorial

(This will act as https://www.example.com/tutorials/python.html)

</body> </html>

그러면 다음과 같은 출력이 생성됩니다. 아래 링크 중 하나를 클릭하면 _blank −

로 설정되어 있으므로 새 창에서 열립니다.

HTML  base  대상 속성

위에서 기본 URL을 설정했습니다 -

<base href="https://www.example.com/tutorials/" target="_blank">

요소의 대상 속성을 −

로 설정했기 때문에 모든 URL이 이제 새 창에서 열립니다.
target="_blank"