แท็กพื้นที่ใน HTML ใช้เพื่อกำหนดพื้นที่ในแผนผังรูปภาพ
ต่อไปนี้เป็นคุณลักษณะ -
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| alt | ข้อความ | ระบุข้อความสำรองสำหรับพื้นที่ |
| coords | ถ้ารูปร่าง ="rect" แล้ว coords ="ซ้าย บน ขวา ล่าง" ถ้ารูปร่าง ="circ" แล้ว coords ="centerx, centery, radius" ถ้ารูปร่าง ="โพลี" แล้ว coords ="x1, y1, x2, y2,..,xn, yn" | ระบุพิกัดที่เหมาะสมกับแอตทริบิวต์รูปร่างเพื่อกำหนดขอบเขตของรูปภาพสำหรับแผนที่รูปภาพ |
| ดาวน์โหลด | ชื่อไฟล์ | ระบุว่าเป้าหมายจะถูกดาวน์โหลดเมื่อผู้ใช้คลิกไฮเปอร์ลิงก์ |
| href | URL | ระบุ URL ของหน้าหรือชื่อของจุดยึดที่ลิงก์ไป |
| hreflang | language_code | ระบุภาษาของ URL เป้าหมาย |
| สื่อ | แบบสอบถามสื่อ | ระบุสื่อ/อุปกรณ์ที่ URL เป้าหมายได้รับการปรับให้เหมาะสม |
| nohref | จริง/เท็จ | ยกเว้นพื้นที่จากแผนผังภาพ |
| rel | ทางเลือก ผู้เขียน ที่คั่นหนังสือ ช่วย ใบอนุญาต ต่อไป ไม่ปฏิบัติตาม noreferrer ดึงข้อมูลล่วงหน้า ก่อนหน้า ค้นหา แท็ก | ระบุความสัมพันธ์ระหว่างเอกสารปัจจุบันและ URL เป้าหมาย |
| รูปร่าง | rect สี่เหลี่ยมผืนผ้า วงเวียน วงกลม โพลี รูปหลายเหลี่ยม | ระบุรูปร่างของแผนผังรูปภาพ |
| เป้าหมาย | _blank _พ่อแม่ _ตัวเอง _สูงสุด | จะเปิด URL เป้าหมายได้ที่ไหน _blank - URL เป้าหมายจะเปิดขึ้นในหน้าต่างใหม่ _self – URL เป้าหมายจะเปิดในเฟรมเดียวกับที่คลิก _parent - URL เป้าหมายจะเปิดขึ้นในพาเรนต์เฟรมเซ็ต _top – URL เป้าหมายจะเปิดขึ้นแบบเต็มหน้าต่าง |
| type | mime_type | ระบุประเภท MIME (Multipurpose Internet Mail Extensions) ของ URL เป้าหมาย |
เรามาดูตัวอย่างการใช้แท็ก −
ตัวอย่าง
<!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>
ผลลัพธ์
