Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính mục tiêu HTML


Thuộc tính target của phần tử

Sau đây là cú pháp -

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

Đây, _blank được sử dụng để mở tài liệu được liên kết trong cửa sổ hoặc tab mới, _sự mở tài liệu được liên kết trong cùng một khung khi nó được nhấp vào, _parent mở tài liệu trong khung chính, _top mở tài liệu được liên kết trong toàn bộ phần nội dung của cửa sổ, khung mở tài liệu được liên kết trong một khung được đặt tên.

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính target của elemen

Ví dụ

<!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>

Đầu ra

Thuộc tính mục tiêu HTML  areosystem

Trong ví dụ trên, chúng tôi đã thiết lập bản đồ trên hình ảnh sau đây−

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

Bây giờ, chúng tôi đã thiết lập hình dạng bản đồ và khu vực bên trong nó -

<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>

Ở trên, chúng tôi đã đặt các điều kiện sau để mở tài liệu được liên kết trong một cửa sổ mới, tức là _blank, được sử dụng để mở tài liệu được liên kết trong cửa sổ hoặc tab mới

target = "_blank"