HTML <พื้นที่> แอตทริบิวต์เป้าหมาย

แอตทริบิวต์เป้าหมายขององค์ประกอบ ช่วยให้คุณกำหนดตำแหน่งที่จะเปิดเอกสารที่เชื่อมโยง เช่น หน้าต่างใหม่ เฟรมเดิม เฟรมหลัก ฯลฯ

ต่อไปนี้เป็นไวยากรณ์ -

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

ที่นี่ _blank ใช้เพื่อเปิดเอกสารที่เชื่อมโยงในหน้าต่างหรือแท็บใหม่ _self เปิดเอกสารที่เชื่อมโยงในเฟรมเดียวกับที่คลิก _parent เปิดเอกสารในกรอบหลัก _top เปิดเอกสารที่เชื่อมโยงในเนื้อหาทั้งหมดของหน้าต่าง กรอบ เปิดเอกสารที่เชื่อมโยงในกรอบที่มีชื่อ

ให้เราดูตัวอย่างการใช้แอตทริบิวต์เป้าหมายขององค์ประกอบ -

ตัวอย่าง

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